@font-face {font-family: "BEBAS";
  src:  url(../fonts/BEBAS-1.ttf);}



/* CSS Document */
/*#region 重置元素*/
*:focus {outline: none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td{
    padding: 0;
    margin:0;
}
@font-face {
  font-family: "SourceHanSansCN-Normal";
  src: url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
body{
    font:0.8em/1.3 "SourceHanSansCN-Normal", sans-serif;   
	-webkit-text-size-adjust: 100% !important; 
}
img{
max-width:100%;}
button, input, select, textarea,h1, h2, h3, h4, h5, h6{
    font-size:1em;
    line-height:1.3;font-family: "SourceHanSansCN-Normal";
}
address, cite, dfn, em, var { 
    font-style:normal; 
} 
code, kbd, pre, samp {
     font-family: courier new, courier, monospace; 
} 
small { 
    font-size:  0.75em; 
} 
ul, ol { 
    list-style: none; 
    margin:0;
}
body,legend { 
    color:#262626;
}
a{
    color:inherit;
	color:#262626;
    text-decoration: none; 
}
a:hover  {
    color:#3f8f3f;    
    text-decoration: none; 
}
a:active{
    color:inherit;
}
sup { 
    vertical-align: text-top; 
} 
sub { 
    vertical-align: text-bottom;
}

fieldset, img { 
    border: 0; 
}
button, input, select, textarea { 
     
} 
table { 
    
   
    width:100%;
   
}
table th {
    font-weight:normal;
}
table th,table td {
    font-weight:normal;
  
} 
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}
img{
	vertical-align:middle;
}
::-moz-placeholder { color:#000; }
input:-webkit-input-placeholder { color:#000; } 
input:-moz-placeholder { color:#000; } 
/*#endregion*/
/*#region 清除浮动*/
.clearfix:after{
	content: '\20';
    display: block;
    height: 0;
    clear: both;
}
.clearfix { 
	*zoom:1;
}
/*#endregion */

button:disabled,
.disabled{
    opacity:0.5;
    cursor:default;
}
.hi{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.css3,.about_1 ul li a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{
width:100%; overflow:hidden; margin:0; padding:0;}
.cssimg,.cssimgp img,.index_4_3_left_1_bg,.pro_1_mid_mid_left_bg,.ser_2_mid_pic_bg,.ser_1_right_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
@media screen and (min-width:768px) {
.cssimg:hover,.cssimgp:hover img,.index_4_3_left:hover .index_4_3_left_1_bg,.pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,.ser_2_mid ul li:hover .ser_2_mid_pic_bg,.ser_1_right:hover .ser_1_right_bg{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}
}
.daxie{text-transform: uppercase;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 
/*********header**********/
 
#header{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
position:absolute; left:0; top:0; width:100%; z-index:999;}
#header:after{
content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#ededed; opacity:.2}
.header_mid{ 
position:relative; margin:0 3.64583333333333%;}
.header_mid_mid{
text-align:center;}
.header_mid_mid ul li{
display:inline-block; z-index:1; margin:0 2vw; position:relative;}
.header_mid_mid ul li dl{ width:11.4375em; padding:1em 0; display:none;
position:absolute; left:-3.71875em;background-color:rgba(6,95,51,.67);}
.header_mid_mid ul li dl a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; font-size:.9375em;
color:#fff; display:block; padding:.6em 0; color:#ddd;}
.header_mid_mid ul li dl a:hover{
background-color:#ff5a00;}
.header_mid_mid ul li a.biga{ position:relative;
color:#fff; display:block; height:7.57291666666667vw; line-height:7.57291666666667vw;}
.header_mid_mid ul li a.biga:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; z-index:10;
content:''; bottom:0px; position:absolute; height:1px; background-color:#ff5a00; left:50%; width:0;}
.header_mid_mid ul li a.biga:hover:after,.header_mid_mid ul li a.bigaon:after{
width:100%; left:0;}
.header_logo{ text-align:center; z-index:10;
position:absolute; left:50%; top:50%;transform:translate(-50%, -50%);/*width:4.42708333333333vw;*/}
.header_mid_mid ul li:nth-child(4){
margin-right:8.07291666666667vw;}
.header_mid_mid ul li:nth-child(5){
margin-left:8.07291666666667vw;}
.header_mid_left{
position:absolute; left:0; top:50%;transform:translateY(-50%);}
.header_mid_right{
position:absolute; right:0; top:50%;transform:translateY(-50%);}
.header_mid_right a{ padding-left:1.6875em; color:#fff;
background-position:left center; background-repeat:no-repeat; display:inline-block;}
.header_mid_right a:nth-child(1){
background-image:url(../../images/zwb.png);}
.header_mid_right a:nth-child(2){ margin-left:.75em;
background-image:url(../../images/ywb.png);}
.header_mid_right a:nth-child(3){ margin-left:.75em;
background-image:url(../../images/ewb.png);}
.menu-toggler{top:50%;left:0px; z-index:10; cursor:pointer;width:22px;height:22px;position:absolute;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);}.menu-toggler .line{top:50%;left:50%;width:100%;height:1px;margin-top:-1px;position:absolute;background:#fff;-webkit-transform:translate3d(-50%,0%,0);transform:translate3d(-50%,0%,0);}
.menu-toggler .line-1{width:100%;-webkit-transform:translate3d(-50%,-6px,0);transform:translate3d(-50%,-6px,0);-webkit-animation:toggler-open-line-1 1500ms 1 normal forwards;animation:toggler-open-line-1 1500ms 1 normal forwards;}
.menu-toggler .line-2{-webkit-transition:all 300ms linear;transition:all 300ms linear; }
.menu-toggler .line-3{width:100%;-webkit-transform:translate3d(-50%,6px,0);transform:translate3d(-50%,6px,0);-webkit-animation:toggler-open-line-3 1500ms 1 normal forwards;animation:toggler-open-line-3 1500ms 1 normal forwards;}
.menu-toggler.close .line-1{-webkit-animation:toggler-close-line-1 1500ms 1 normal forwards;animation:toggler-close-line-1 1500ms 1 normal forwards;}
.menu-toggler.close .line-2{width:0;}
.menu-toggler.close .line-3{-webkit-animation:toggler-close-line-3 1500ms 1 normal forwards;animation:toggler-close-line-3 1500ms 1 normal forwards;}
@-webkit-keyframes toggler-open-line-1{0%{-webkit-transform:translate3d(-50%,0px,0) rotate(45deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,-6px,0) rotate(0deg);}}
@keyframes toggler-open-line-1{0%{transform:translate3d(-50%,0px,0) rotate(45deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,-6px,0) rotate(0deg);}}
@-webkit-keyframes toggler-open-line-3{0%{-webkit-transform:translate3d(-50%,0px,0) rotate(-45deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,6px,0) rotate(0deg);}}
@keyframes toggler-open-line-3{0%{transform:translate3d(-50%,0px,0) rotate(-45deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,6px,0) rotate(0deg);}}
@-webkit-keyframes toggler-close-line-1{0%{-webkit-transform:translate3d(-50%,-6px,0) rotate(0deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,0px,0) rotate(45deg);}}@keyframes toggler-close-line-1{0%{transform:translate3d(-50%,-6px,0) rotate(0deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,0px,0) rotate(45deg);}}
@-webkit-keyframes toggler-close-line-3{0%{-webkit-transform:translate3d(-50%,6px,0) rotate(0deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,0px,0) rotate(-45deg);}}
@keyframes toggler-close-line-3{0%{transform:translate3d(-50%,6px,0) rotate(0deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,0px,0) rotate(-45deg);}}
.header_logo img:nth-child(2){
display:none}
.bodyon .header_logo img:nth-child(2){
display:block}
.bodyon .header_logo img:nth-child(1){
display:none}
.bodyon #header { transition:all .4s;}
.bodyon #header{ position:fixed;
background-color:rgba(255,255,255,.9);}
.bodyon .header_mid_mid ul li a.biga,.bodyon .header_mid_right a{
color:#000;}
.bodyon .menu-toggler .line{
background-color:#000}

.bodyon2 #header{transform:translateY(-100%);-webkit-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s;}

/*.bodyon2 #header { background:#fff; }
.bodyon2 #header .header_mid_mid ul li a.biga{     height: 5.57291666666667vw; }*/


/*********index**************/
.indexpro_act_mid{
position:relative}
.indexpro_act_mid:after{ display: block; width: 100%; height: 100%; background: url(../images/index/img27.png) no-repeat; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; content:''; position:absolute; left:0; top:-10px; background-position:center }

@keyframes mouse-dot {
    from { opacity: 1; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 1; }
}

@-webkit-keyframes mouse-dot {
    from { opacity: 1; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 1; }
}

.indexbanner{
position:relative}
.mainvisual__slider-item{
position:relative; width:100%; height:calc(100vh); overflow:hidden}
.mainvisual__slider-item-img { /*-webkit-transform: scale(1.1); transform: scale(1.1);*/ transition: -webkit-transform 15s linear 2s; transition: transform 15s linear 2s; transition: transform 15s linear 2s, -webkit-transform 15s linear 2s; position:absolute; left:0; top:0; width:100%; height:100%;  }
.indexbanner .swiper-slide.swiper-slide-active .mainvisual__slider-item-img { transition: -webkit-transform 10s linear; transition: transform 10s linear; transition: transform 10s linear, -webkit-transform 10s linear; -webkit-transform: scale(1); transform: scale(1); }
.banner_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner_footer{ width:45.72916666666667%; background-size:cover;
position:absolute; right:0; bottom:-80px; z-index:100; background-position:right bottom; background-repeat:no-repeat; background-image:url(../../images/img1.jpg);}
.banner_footer_mid{
margin:2.60416666666667vw 9%; color:#fff;}
.banner_footer_mid_1{
font-size:2.29166666666667vw; margin-bottom:1.45833333333333vw;}
.banner_footer_mid_2 a{ padding-right:1em; overflow:hidden; padding-top:.3em; padding-bottom:.3em;
display:inline-block; color:#fff; position:relative; font-size:1.125em; background-position:right center; background-repeat:no-repeat; background-image:url(../images/index/img14.png);}
.banner_footer_mid_2 a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 1px solid #fff;
  transition: all 0.8s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}

.banner_footer_mid_2 a:hover:after {
  -webkit-animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
  animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
}
@keyframes link-hover {
  0% {
    transform: translateX(0%);
  }

  50% {
    transform: translateX(100%);
  }

  50.01% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0%);
  }
}

@-webkit-keyframes link-hover {
  0% {
    transform: translateX(0%);
  }

  50% {
    transform: translateX(100%);
  }

  50.01% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0%);
  }
}
.index_1{
position:relative; overflow:hidden; /*padding-top:13.22916666666667vw; padding-bottom:21.45833333333333vw;*/ height:100vh;}
.index_1_left{ background-color:#f7f9fb; height:100%;
position:absolute; left:0; top:0; width:32.03125%;}
.index_1_bg{ width:96.92708333333333%;
position:absolute; left:0; top:0; height:100%; background-position:center bottom; background-repeat:no-repeat; background-size:cover; background-image:url(../../images/img15.png); display:none;}
.index_1_mid{
position:relative;  height:100vh; }
.index_1_mid_left{ height:100%;  
position:absolute; left:0; top:0; width:50%; }
.index_1_mid_left_s{ height:11.14583333333333vw; right:-12.45714285714286%; bottom:-11%;
position:absolute; width:11.35416666666667vw; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img18.png);}
.index_1_mid_left_bg{ z-index:10; overflow:hidden;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_1_mid_left_bg_img{ z-index:10;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_1_mid_right{ padding-top:4em; overflow:hidden;
margin-left:54.16666666666667%; width:42%;}
.index_1_mid_right_1 span{
	padding-right: 2.9em;
	position: relative;
	display: inline-block;
	color: #1a1f3f;
	font-size: 66px; font-family:BEBAS; margin-bottom:10px;
	letter-spacing: .02em;
}
.index_1_mid_right_1{
margin-bottom:0em; width:100%; }
.index_1_mid_right_1 span:after{
content:''; position:absolute; right:0; height:1px; background-color:#1d1d1d; width:2.5em; background-color:#1a1f3f; top:50%;transform:translateY(-50%);}
/*.index_1_mid_right_1 span:before{
content:''; position:absolute; left:0%; height:1px; background-color:#1d1d1d; width:2.5em; background-color:#fff; top:50%;transform:translateY(-50%);}*/
.index_1_mid_right_2{
	color: #1a1f3f;
	font-size:35px;width:100%;
}
.index_1_mid_right_3{
font-size:.875em; line-height:2; margin:2em 0;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; color:#fff;}
.index_1_mid_right_4 ul li{
float:left; width:33.3333333%}
/*.index_1_mid_right_4 ul li:nth-child(1){
width:20%;}
.index_1_mid_right_4 ul li:nth-child(2){
width:21%;}
.index_1_mid_right_4 ul li:nth-child(3){
width:23%;}
.index_1_mid_right_4 ul li:nth-child(4){
width:28%;}*/
.index_1_mid_right_4_1 dl{
position:relative; display:inline-block;}
.index_1_mid_right_4_1 dl dd:nth-child(1){
	font-size: 3.125vw;
	color: #FFFFFF;
	font-family: Impact;
	display: inline-block;
}
.index_1_mid_right_4_1 dl dd:nth-child(2){
	color: #FFFFFF;
	display: inline-block;
}
.index_1_mid_right_4_1 dl dd:nth-child(3){
	position: absolute;
	right: 0;
	top: 0;
	color: #FFFFFF;
	font-size: 1.875vw;
}
.index_1_mid_right_4_2{
font-size:.875em; margin-top:.5em;  color:#fff;}
.index_1_mid_right_4_mid{
padding:0 1.5625vw; background-position:right center; background-repeat:no-repeat; background-image:url(../images/index/img16.png);
}
.index_1_mid_right_4 ul li:nth-child(1) .index_1_mid_right_4_mid{
padding-left:0}
.index_1_mid_right_4 ul li:nth-child(4) .index_1_mid_right_4_mid{
padding-right:0; background-image:none}
.index_1_mid_right_5_more{ overflow:hidden;
display:inline-block; position:relative; padding-bottom:.875em;}
.index_1_mid_right_5_more span{ padding-right:3.555555555555556em;
font-size:1.125em; color:#2c4670; display:inline-block; position:relative;}
.index_1_mid_right_5_more span:before{
content:''; position:absolute; right:0; width:2em; height:0.7222222222222222em; background-position:right center; background-repeat:no-repeat; background-image:url(../images/index/img17.png);top:50%;transform:translateY(-50%);-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.index_1_mid_right_5_more:hover span:before{
right:1em;}
.index_1_mid_right_5{
margin-top:3em; margin-bottom:4em;}
 

.index_1_mid_right_5_more:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 1px solid #2c4670;
  transition: all 0.8s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}

.index_1_mid_right_5_more:hover:after {
  -webkit-animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
  animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
}
.index_1_mid_left_play{
position:absolute; z-index:100; width:27.88571428571429%;top:50%;transform:translate(-50%, -50%); left:50%;}
.index_2{
position:relative;}
.index_2_left{ z-index:5;
position:absolute; left:0; top:0; height:100%; width:54.375%;}
.index_2_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img10.jpg);}
.index_2_mid{ overflow:hidden;
position:relative; z-index:10; margin:0 7%;}
.index_2_right{ z-index:5;
position:absolute; right:0; width:45.625%; height:116%; top:-8%; background-image:url(../images/index/img11.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_2_mid_1{ margin-left:55%; text-align:right;}
.index_2_mid_1_mid{
padding-left:1em; color:#fff;}
.index_1_mid_right_1 span.w{
color:#fff;}
.index_1_mid_right_1 span.w:after{
background-color:#fff; right:auto; left:0;}
.index_1_mid_right_1 span.pl{
padding-right:0; padding-left:4.5em;}
.index_2_mid_1_2{
color:#fff;}
.index_2_mid_1_1 .index_1_mid_right_1{
margin-bottom:2em;}
.index_2_mid_2_mid{ text-align:center;
background-color:#fff; padding:1em;border-radius:5px;}
.index_2_mid_2_mid_1 {
position:relative; text-align:center; height:17.91666666666667vw;}
.index_2_mid_2_mid_1_img{
position:absolute; left:0; width:100%; text-align:center; top:50%;transform:translateY(-50%)}
.index_2_mid_2_mid_1_img img{
max-width:9.47916666666667vw;}
.index_2_mid_2_mid_2{
text-align:center; color:#292929; font-size:1.5em;}
.index_2_mid_2_mid_3{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
text-align:center; margin-top:1.3em; margin-left:auto; margin-right:auto; margin-bottom:1.3em; max-width:8em;}
.index_2_mid_2_mid:hover .index_2_mid_2_mid_3{
}
.index_2_mid_2_mid_3 span{ padding-right:.875em; color:#3f8f3f; padding-bottom:.3em; padding-top:.3em;
display:inline-block; position:relative; overflow:hidden; }
.index_2_mid_2_mid_3 span:before{ content:''; position:absolute; right:0;background-position:center; background-repeat:no-repeat; background-image:url(../images/index/img21.png);
width:9px; height:9px; top:50%;top:50%;transform:translateY(-50%); background-repeat:no-repeat;}

.index_2_mid_2_mid:hover .index_2_mid_2_mid_3 span{
color:#fff;background-color:#1a1f3f; padding-left:1.75em;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;border-radius:1.875em;  padding-right:1.875em;}
.index_2_mid_2_mid:hover .index_2_mid_2_mid_3 span:before{
right:1em; background-image:url(../images/index/img21w.png);}
.index_2_mid_2_mid:hover .index_2_mid_2_mid_3 span:after{
display:none}
.index_2_mid_2_mid_3 span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 1px solid #2c4670;
  transition: all 0.8s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}

/*.index_2_mid_2_mid:hover .index_2_mid_2_mid_3 span:after {
  -webkit-animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
  animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
}*/
.index_2_mid_2_mid_1_bo{position:absolute; left:0; width:100%; text-align:center; top:50%;transform:translateY(-50%); z-index:10;opacity:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.index_2_mid_2_mid:hover .index_2_mid_2_mid_1_bo{
opacity:1;}
.index_2_mid_2_mid_1_bo img{
width:100%;opacity:0;}
.index_2_mid_2_mid_1_bo span{
position:absolute; left:0; top:0; width:100%; height:100%;border-radius:100%;}
.index_2_mid_2_mid_1_bo span:nth-child(1){
background-color:#0071df; opacity:.07;}
.index_2_mid_2_mid_1_bo span:nth-child(2){
background-color:#0071df; opacity:.07;transform: scale(0.7267441860465116, 0.7267441860465116);}
.index_2_mid_2_mid_1_bo span:nth-child(3){
background-color:#0071df; opacity:.13;transform: scale(0.5436046511627907, 0.5436046511627907);}
.index_2_mid_2_mid_1_bo:after{ z-index:10; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img19.png);
content:''; position:absolute; width:23.83720930232558%;height:23.83720930232558%;left:50%; top:50%;transform:translate(-50%, -50%);}
@keyframes ripple{0%{opacity:0;transform:scale(.1,.1)}5%{opacity:.3}100%{opacity:0;transform:scale(1)}}
.index_2_mid_2_mid_1_bo span:nth-child(1){
  
 opacity:0;
 -webkit-animation:ripple 4s ease-out 225ms infinite;
 -moz-animation:ripple 4s ease-out 225ms infinite;
 -o-animation:ripple 4s ease-out 225ms infinite;
 animation:ripple 4s ease-out 225ms infinite
}
.index_2_mid_2_mid_1_bo span:nth-child(2){
 
 opacity:0;
 -webkit-animation:ripple 4s ease-out 725ms infinite;
 -moz-animation:ripple 4s ease-out 725ms infinite;
 -o-animation:ripple 4s ease-out 725ms infinite;
 animation:ripple 4s ease-out 725ms infinite
}

.index_2_mid_2_mid_1_bo span:nth-child(3){
 
 opacity:0;
 -webkit-animation:ripple 4s ease-out 1225ms infinite;
 -moz-animation:ripple 4s ease-out 1225ms infinite;
 -o-animation:ripple 4s ease-out 1225ms infinite;
 animation:ripple 4s ease-out 1225ms infinite
} 
.index_2_mid_2{
margin-top:5em;} 
.indexpro_act{
margin:3.75em auto; max-width:27.25em; position:relative;}
.indexpro_act_left{ top:50%;transform:translateY(-50%); background-size:cover; cursor:pointer; z-index:10; cursor:pointer;
position:absolute; left:0; width:42.20183486238532%; height:1.0625em; background-position:left center; background-repeat:no-repeat; background-image:url(../images/index/img7.png);}
.indexpro_act_mid{
text-align:center}
.indexpro_act_right{ top:50%;transform:translateY(-50%); background-size:cover; cursor:pointer;
position:absolute; right:0; width:42.20183486238532%; height:1.0625em; background-position:right center; background-repeat:no-repeat; background-image:url(../images/index/img8.png);}
.index_3{ padding-top:6.11458333333333vw;
position:relative;}
index_3_1 { width:100%;}
.index_3_2_mid{
position:relative;}
.index_3_2_mid_1{
overflow:hidden}
.index_3_2_mid_1 img{
width:100%;}
.index_3_2 .swiper-slide{padding: 0 calc((100vw - 986px) * 0.0375); width:986px;}
.index_3_2_mid_1{
overflow:hidden; position:relative;  border:0px solid  rgba(255,255,255,1);}
.index_3_2_mid_1:hover { box-shadow:0px 10px 10px 0px rgba(0,0,0,.2);}
/*.index_3_2 .swiper-slide.swiper-slide-active { border:25px solid  rgba(255,255,255,1);}*/
.index_3_2_mid_1 img{
width:100%;}
.index_3_2_mid_1:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; background-position:center top; background-repeat:no-repeat; background-size:cover; background-image:url(../../images/img22.png);
content:''; position:absolute; left:50%; bottom:-2.17028380634391%; width:64.40162271805274%; height:2.17028380634391%; z-index:1;transform:translateX(-50%);transition-delay:.7s;}
.swiper-slide-active .index_3_2_mid_1:after{
bottom:0;}
.index_3_2_mid_footer{
position:absolute; left:0; bottom:13.35559265442404%; z-index:10; width:100%; text-align:center; color:#fff;}
.index_3_2_mid_footer_mid_1{ position:relative;
font-size:2.08333333333333vw;transition:1.5s cubic-bezier(.14,1,.34,1);opacity:0;transform:translateY(100px);}
.index_3_2_mid_footer_mid_2{ position:relative;
font-size:1.125em; line-height:1.8; margin-top:1.38em;transition:1.5s cubic-bezier(.14,1,.34,1);opacity:0;transform:translateY(100px);transition-delay:.4s;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.swiper-slide-active .index_3_2_mid_footer_mid_1,.swiper-slide-active .index_3_2_mid_footer_mid_2{
opacity:1;transform:translateY(0px);}
.index_3_2_mid_footer_mid{
margin:0 14%;}
.index_3_2{
margin-top:3.3125em;}
.swiper-slide_mid_2_left{ cursor:pointer;
position:absolute; z-index:100;top:50%;transform:translateY(-50%); left:8%; width:4.8125em; height:4.8125em;}
#my_left{ width:100%; height:100%;left:0; top:0;}
#my_right{ width:100%; height:100%;right:0; top:0;}
#my_left:after{transform:translate(-50%, -50%); left:50%; top:50%; background-image:url(../../images/img23.png);
content:''; position:absolute; width:2.5em; height:2.5em; background-position:center; background-repeat:no-repeat; background-size:cover;}
#my_right:after{transform:translate(-50%, -50%); left:50%; top:50%; background-image:url(../../images/img24.png);
content:''; position:absolute; width:2.5em; height:2.5em; background-position:center; background-repeat:no-repeat; background-size:cover;}
.swiper-slide_mid_2_right{ cursor:pointer;
position:absolute; z-index:100;top:50%;transform:translateY(-50%); right:8%; width:4.8125em; height:4.8125em;}


.index_4_1 .left { width:55%; float:left; margin-right:1%;}
.index_4_1 .left ul li { width:100% !important; }
.index_4_1 .right { width:44%; float:left;}
.index_4_1 .right ul li  { width:48% !important;}





.index_4_1 ul li{ background-color:#fff;-webkit-box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);
float:left; width:32.48366013071895%; margin-right:1.27450980392157%;}





.index_4_1 ul li:nth-child(3n){
margin-right:0}
.index_4_1_mid_1{
overflow:hidden; position:relative;}
.index_4_1_mid_1 img{
width:100%;}
.index_4_1_mid_1_t{ color:#fff; text-align:center; font-family:Calibri;
position:absolute; left:0; top:0; z-index:10; background-color:#1a1f3f; width:8.6875vw; height:4.6875vw;}
.index_4_1_mid_1_t span{
font-size:1.25vw;}
.index_4_1_mid_2{
margin:0 10%; margin-top:3.125em; margin-bottom:3.125em;}
.index_4_1_mid_2_1{
color:#1a1f3f;font-family:Calibri;}
.index_4_1_mid_2_2{
font-size:1.5em; color:#000; margin-top:.75em; margin-bottom:.75em;}
.index_4_1_mid_2_3{
color:#666;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 1;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; line-height:1.5; min-height:1.5em;}
.index_4_1{
margin-top:0.5em;}
.index_4_2{
text-align:center; margin:4.375em 0;}
.index_4_1_mid{
overflow:hidden; position:relative}
.index_4_1_mid:after{ height:1.70807453416149%; left:50%; background-position:center top; background-repeat:no-repeat; background-size:cover;
content:''; position:absolute; bottom:-1.70807453416149%; width:84.50704225352113%;transform:translateX(-50%); background-color:#1a1f3f;border-radius:20px 20px 0 0;  }
.index_4_1 ul li:hover .index_4_1_mid:after{
bottom:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }

.a-image-hover{align-items:center;color:#fff;display:flex;font-size:14px; font-family:Arial, Helvetica, sans-serif;height:100%;justify-content:center;left:0;letter-spacing:0;line-height:1;position:absolute;top:0;width:100%;z-index:2}
.a-image-hover span{display:inline-block;opacity:0;transform:translate3d(-30px,0,0);transition:all .5s cubic-bezier(.14,1,.34,1) 0s}
.a-image-hover span:first-child{transition-delay:.03s}
.a-image-hover span:nth-child(2){transition-delay:.06s}
.a-image-hover span:nth-child(3){transition-delay:.09s}
.a-image-hover span:nth-child(4){transition-delay:.12s}
.index_4_1 ul li:hover .a-image-hover span{opacity:1;transform:translateZ(0)}
.index_4_1 ul li:hover .a-image-hover span:first-child{transition-delay:.12s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(2){transition-delay:.06s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(3){transition-delay:.04s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(4){transition-delay:.03s}
.index_4_1_mid_1:after{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0; z-index:1;opacity:0;position:absolute;top:0;transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;width:100%}
.index_4_1 ul li:hover .index_4_1_mid_1:after{
opacity:1;}
.index_4{
/*overflow:hidden*/}
/*************footer******************/
#footer{
background-color:#626262; position:relative; overflow:hidden; }
.footerbg{opacity:.02;
position:absolute; right:0; bottom:0; width:79.58333333333333%;}
.footer_mid{
margin:0 7%; position:relative; z-index:10;}
.footer_mid_1_left{
float:left;}
.footer_mid_1_right{
float:right; margin-top:.5em;}
.footer_mid_1_right a{ margin-left:.75em;
display:inline-block;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; border:1px #6d6d71 solid;border-radius:100%; background-position:center; background-repeat:no-repeat; width:2.875em; height:2.875em;}
.footer_mid_1_right a:hover{
background-color:#fe5900; border-color:#fe5900}
.footer_mid_1_right a:nth-child(1){
background-image:url(../../images/fimg2.png);}
.footer_mid_1_right a:nth-child(2){
background-image:url(../../images/fimg3.png);}
.footer_mid_1_right a:nth-child(3){
background-image:url(../../images/fimg4.png);}
.footer_mid_1{ padding-top:150px; padding-bottom:3.375em;
border-bottom:1px #45464b solid;}
.footer_mid_2_left{
float:left; width:70%;}
.footer_mid_2_right{
float:right; width:30%; position:relative;}
.footer_mid_2_right:after{
content:''; position:absolute; left:0; top:0; height:100%; width:1px; background-color:#37393e}
.footer_mid_2_left ul li{
float:left; color:#fff;}
.footer_mid_2_left ul li:nth-child(1){
width:21%}
.footer_mid_2_left ul li:nth-child(2){
width:31%}
.footer_mid_2_left ul li:nth-child(3){
width:25%}
.footer_mid_2_left ul li:nth-child(4){
width:23%}
.footer_mid_2_left_mid{
padding-right:1em}
.footer_mid_2_left_mid p,.footer_mid_2_right_mid p{ color:#fff;
font-size:20px; position:relative; padding:.875em 0;}
.footer_mid_2_left_mid p:after,.footer_mid_2_right_mid p:after{
content:''; position:absolute; left:0; bottom:0; height:1px; background-color:#fff; width:13px;}
.footer_mid_2_left_mid a{
color:#e0e0e0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; font-size:16px; line-height:35px;}
.footer_mid_2_left_mid a:hover{
color:#fff; }
.footer_mid_2_left_mid dl dd,.footer_mid_2_right_mid_2 dl dd{
margin-top:.5em; font-size:16px; line-height:35px;}

.footer_mid_2_right_mid_2 dl dd a { color: #fff;}

.footer_mid_2_left_mid dl,.footer_mid_2_right_mid_2 dl{
margin-top:1.25em;}
.footer_mid_2{
margin-top:3.25em;}
.footer_mid_2_right_mid{
padding-left:36%; color:#e0e0e0 }
.footer_mid_2_right_mid_3{
margin-top:2.1875em;}
.footer_mid_3_left{
float:left; font-size:16px; color:#e0e0e0}
.banquan a {color:#e0e0e0;}



.footer_mid_3_right{
float:right; font-size:16px; color:#e0e0e0}




.footer_mid_3_right a{
color:#e0e0e0;}
.footer_mid_3_right a:hover{
color:#fff;}
.footer_mid_3{
margin-top:2.6875em; border-top:1px #37393e solid; padding-top:1.5em; padding-bottom:1.5em;}
/********about**************/
.cershowbox{ display:none;
position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999;background-color:rgba(0,0,0,.85);}
.swiper-container-showbox{
width:100%; height:100%}
.swiper-container-showbox .swiper-slide{
/* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; color:#fff}
.close_box{
position:fixed; right:2.5em; top:2.5em; z-index:9999;}	 

.close_box a img{-webkit-transition: 1s;
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;}
.close_box a:hover img{transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);}

.cershowbox_img{ width:100%;   text-align:center;
position:relative;}
.cershowbox_left{ overflow:hidden; font-family:"宋体"; color:#fff; cursor:pointer; z-index:999; top:50%;transform:translateY(-50%); text-align:center; line-height:4.5em;border-radius:100%;
position:absolute; width:4.5em; height:4.5em; border:.5em #3d3d3c solid; left:2.76041666666667%;}
.cershowbox_left span{
font-size:2.25em; position:relative; z-index:10;}

.cershowbox_right{ overflow:hidden; font-family:"宋体"; color:#fff; cursor:pointer; z-index:999; top:50%;transform:translateY(-50%); text-align:center; line-height:4.5em;border-radius:100%;
position:absolute; width:4.5em; height:4.5em; border:.5em #3d3d3c solid; right:2.76041666666667%;}
.cershowbox_right span{
font-size:2.25em; position:relative; z-index:10}

.cershowbox_left:before,.cershowbox_right:before {position:absolute;left:0;top:0;width:100%;height:100%;background:#1654a8;border-radius:50%;transform:translateX(-100%);content:"";transition:all 0.3s; box-sizing:border-box}
.cershowbox_left:hover:before,.cershowbox_right:hover:before{transform:translateX(0);}

.cershowbox_con{
position:absolute; left:0; bottom:0; width:100%; z-index:100; font-size:1.5em; bottom:-3.125vw; text-align:center;}
.cershowbox_img img{
max-height:39vw;} 
.nybanner{
background-position:center; background-repeat:no-repeat; background-size:cover; height:100vh; position:relative;}
.nybanner_mid{ color:#fff; text-align:center;
margin:0 7.8125%;}
.nybanner_mid_1{ letter-spacing:.1em;
font-size:3.75em; margin-bottom:.45em;}
.nybanner_mid_2{
font-size:1.5em; letter-spacing:.1em;}
.about_1{ padding:0em 0; overflow:hidden; background-color:#fff;
background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; background-image:url(../../images/img15.png);}
.about_1_left{
background-color:#fff; position:relative; z-index:10;  width:82%;}
.about_1_left_con{
margin-left:18%; position:relative; padding-top:4em; padding-bottom:4em;  }
.about_1_left_right{
position:absolute; right:0; top:0; height:100%; width:27%;}
.about_1_left_right_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img1.jpg);}
.about_1_left_left{
margin-right:30%;}
.about_1_left_left_mid_2{
color:#333; line-height:1.8; margin-top:2em;
 }
.about_1_left_con_top{
position:absolute; right:27%; top:-9.625em; background-color:#f1f6fa; width:32%; height:9.625em;} 
.about_1_left_con_footer{
position:absolute; right:27%; bottom:-9.625em; background-color:#f1f6fa; width:32%; height:9.625em;} 
.about_1_left_right_footer{ width:63%; right:-26.5%; bottom:-9%; position:absolute;}
.about_2{ background-color:#f6fafe;
position:relative; padding:7.875em 0 6.6875em 0;}
.about_2_bg{
position:absolute; right:0; top:0; height:100%; width:92%;}
.about_2_bg_img{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img2.jpg);}
.about_2_mid{background-color:rgba(22,84,168,.74); padding:5em 0;
position:relative; z-index:10; width:63.64583333333333%; color:#fff;}
.index_1_mid_right_1 span.ww{
color:#fff;}
.index_1_mid_right_1 span.ww:after{
background-color:#fff;}
.about_2_mid_mid{
margin-left:29%; margin-right:9%;}
.about_2_mid_mid_2{
font-size:2.08333333333333vw; line-height:1.5;}
.about_2_mid_mid_3_2{
color:#dedede; line-height:1.5;}
.about_2_mid_mid_3_1{
font-size:1.25em; margin-bottom:.5em;}
.about_2_mid_mid_3{
padding-top:.75em;}
.about_2_mid_mid_3 ul li{
margin-top:1.5em;}
.about_3{ overflow:hidden;
position:relative; background-color:#f6fafe;}
.about_2_3_mid{
margin:0 15%; position:relative; z-index:10;}
.about_3_bg{ position:absolute; left:0; top:0; width:100%; height:100%;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../../images/img15.png);}
.about_3_2{
font-size:1.125em; max-width:1030px; line-height:1.8; margin-top:1em; margin-bottom:5em;}
.about_3_3{
position:relative;}
.about_3_3_left{
position:absolute; left:0; top:0; height:100%; width:50%; position:relative; float:left;}
.about_3_3_right{  
margin-left:54%; padding-top:3em; position:relative; padding-bottom:4.6875em; float:right; width:46%; margin-left:0;}
.about_3_3_right_1{
font-size:1.875em; color:#1654a8}
.about_3_3_right_2{
font-size:1.25em; margin-top:1em; margin-bottom:.3em;}
.about_3_3_right_3{
color:#333; line-height:1.8;}
.about_3_3_right_2_left{ display:inline-block; color:#1654a8;
width:2em; height:2em; border:1px #d5e4f4 solid; line-height:2em;border-radius:100%; text-align:center; font-family:"宋体"; cursor:pointer;}
.about_3_3_right_2_right{ display:inline-block; color:#1654a8;
width:2em; height:2em; border:1px #d5e4f4 solid; line-height:2em;border-radius:100%; text-align:center; font-family:"宋体"; cursor:pointer;}
.about_3_3_right_2_left:hover,.about_3_3_right_2_right:hover{
color:#fff; background-color:#1654a8;}
.about_3_3_right_act{
padding-top:2em; position:relative; z-index:10;}
.about_3_3_left .swiper-container,.about_3_3_left .swiper-container .swiper-slide{
width:100%; height:100%;}
.about_3_3_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_3_3_right_top{
position:relative; z-index:10;}
.about_3_3_right_num{
position:absolute; right:0; top:50%;transform:translateY(-50%);   width:100%; text-align:right;}
.about_3_3_right_num p{ font-size:16.82291666666667vw; color:#f0f5f9; display:none}
.about_3_3_right_num p:nth-child(1){
display:block}
.about_2_3_mid_1{
margin-top:5.625em;}
.about_3_footer{
position:relative; margin-top:6.875em; margin-bottom:6.25em;}
.about_3_footer:after{
content:''; position:absolute; left:0; top:0; width:100%; height:7px; background-position:left center; background-repeat:repeat-x; background-image:url(../images/about/img13.png);}
.about_3_footer_b{
  position:absolute; left:0; top:0; width:15%; z-index:5; height:7px; background-position:left center; background-repeat:repeat-x; background-image:url(../images/about/img16.png);}
.about_3_footer_year{
position:relative; padding-top:3em; text-align:center;}
.about_3_footer_year:before{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
content:''; width:26px; height:24px; position:absolute; left:50%; margin-left:-13px; top:16px; background-position:center; background-repeat:no-repeat; background-image:url(../images/about/img15.png);}
.swiper-slide.on .about_3_footer_year:before{
background-image:url(../images/about/img14.png);}
.about_4_2 ul li{  position:relative;
float:left; width:23.84155455904335%; margin-right:1.54459392127554%; }
.about_4_2 ul li a{ background-color:#fff; position:relative;background-color:#f4f7f9; overflow:hidden;
display:block; position:relative;transition:1.5s cubic-bezier(.14,1,.34,1);}
.about_4_2 ul li a:hover{
transform:translateY(-32px);}
.about_4_2 ul li a:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
content:''; position:absolute; left:0; bottom:0; height:3px; background-color:#0077d3; width:0;}
.about_4_2 ul li a:hover:after{
width:100%;}
.about_4_2 ul li:nth-child(4n){
margin-right:0; margin-right:0}
.about_4_2_mid_1{ border-bottom:1px #c6c6c6 solid;
position:relative; height:20.15625vw;}
.about_4_2_mid_1:after{
content:''; position:absolute; right:0; bottom:.875em; width:1.4375em; height:1.4375em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img5.png);}
.about_4_2_mid_1 img{
position:absolute; max-width:70%; left:50%; top:50%;transform:translate(-50%, -50%);}
.about_4_2_mid_1 img.ht{
max-width:95%;}
.about_4_2_mid{
margin:0 1em;}
.about_4_2_mid_2_1{
font-size:1.125em; color:#090909;}
.about_4_2_mid_2_2{ margin-top:5px; font-family:Calibri;
color:#84919a;}
.about_4_2_mid_2{
margin:1.25em 0;}
.about_4_2 ul li a:hover{-webkit-box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2); background-color:#fff;transform:translateY(-16px); }
.about_4_2{
margin-top:5.875em; margin-bottom:4em;}	
.about_4_3{
margin-bottom:4em;}	  
.about_5{ padding-top:9.8125em; padding-bottom:8.5em;
background-color:#f6fafe; overflow:hidden; position:relative;}
.about_5_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../../images/img15.png);}
.about_5_mid_mid{ width:62.76041666666667%; margin-left:37.23958333333333%;
background-color:rgba(22,84,168,.86); color:#fff; overflow:hidden; position:relative; z-index:10;}
.about_5_mid_mid_jj{ margin-right:24.06639004149378%;
margin-left:8.29875518672199%; margin-top:6.0625em; margin-bottom:5em;}
.about_5_mid_mid_jj_3{
font-size:1.125em; color:#e1e6ef; line-height:2; margin-top:1.5em; margin-bottom:3em;} 
.about_5_mid_mid_jj_footer{
margin-top:4em;}
.about_5_mid_mid_jj_footer_left{ display:inline-block; color:#fff;
width:2em; height:2em; border:1px #fff solid; line-height:2em;border-radius:100%; text-align:center; font-family:"宋体"; cursor:pointer;}
.about_5_mid_mid_jj_footer_right{ display:inline-block; color:#fff;
width:2em; height:2em; border:1px #fff solid; line-height:2em;border-radius:100%; text-align:center; font-family:"宋体"; cursor:pointer;}
.about_5_mid_mid_jj_footer_left:hover,.about_5_mid_mid_jj_footer_right:hover{
color:#1654a8; background-color:#fff;}
.about_5_con{ padding:6.5em 0;
position:relative; z-index:10;}
.about_5_con_img_list{ overflow:hidden;
position:absolute; left:0; top:0; height:100%; width:92%;}
.about_5_con_img_list p{opacity:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_5_con_img_list p.on{
opacity:1; z-index:1;}
#certbody .about_4_2{
margin-top:4.5em; margin-bottom:2.5em;}
#certbody .about_4_2 ul li{
margin-bottom:1.875em;}
.pagination{
text-align:center}
.pagination li{
display:inline-block;}
.pagination li a,.pagination li.active span,.pagination li:nth-child(1).disabled span,.pagination li:last-child.disabled span{ margin:0 .2em;
display:inline-block; line-height:2.3em; width:2.3em; height:2.3em; border:1px #ced9e0 solid;border-radius:100%; background-color:#fff; font-family:Calibri; font-size:1.25em;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.fenye{
margin-bottom:7em;}
.pagination li a:hover,.pagination li.active span{
color:#fff; background-color:#1a1f3f; border-color:#1a1f3f}
.about_5_mid_mid_jj_4 ul li{ margin-bottom:1em;
float:left; width:13.6%; text-align:center; display:block}
.about_5_mid_mid_jj_4 ul li img{
max-width:70%; position:absolute; left:50%; top:50%;transform:translate(-50%, -50%);}
.about_5_mid_mid_jj_4 ul li.line{
width:8%;}
.about_5_mid_mid_jj_4_1{
height:4em; position:relative;}
.about_5_mid_mid_jj_4 ul li.line .about_5_mid_mid_jj_4_1{
background-position:center; background-repeat:no-repeat; background-image:url(../images/about/img17.png);}
.about_5_mid_mid_jj_4_2{
margin-top:1em;}
/*********product*******/
.nybanner_footer{
position:absolute; left:0; bottom:0; width:100%; z-index:555;}
.nybanner_footer ul li{
float:left; width:25%;}
.nybanner_footer ul li a{ color:#fff; text-align:center; font-size:1.25em; padding:1.5em 1em;
display:block; margin-left:1px;background-color:rgba(0,0,0,.77);-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.nybanner_footer ul li a:hover,.nybanner_footer ul li a.on{
background-color:#0268b9}
.pro_1{ position:relative; z-index:10;
overflow:hidden; background-color:#f4f7fa;}
.pro_1_mid{
margin:0 15%;}
.pro_1_mid_1{
color:#333; font-size:1.125em; margin:2em 0;}
.pro_1_mid_1 a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
color:#333; margin-right:.5em;}
.pro_1_mid_1 a.on,.pro_1_mid_1 a:hover{
color:#1a1f3f;}
.pro_1_mid_2 ul li{
float:left; margin-bottom:1.5em; width:24%; margin-right:1.333333333333333%}
.pro_1_mid_2 ul li:nth-child(4n){
margin-right:0;}
.pro_1_mid_2{
margin-bottom:3.5em;}
.pro_info_top_1{ background-color:#05070b; display:none;
height:5.57291666666667vw}
.pro_info_top_bg{ color:#fff; overflow:hidden; padding-top:5.57291666666667vw;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/product/img2.jpg);}
.pro_info_top_bg a{
color:#fff;}
.pro_info_top_2{
font-size:1.125em; margin:2em 0;}
.pro_info_top_3_left{
float:left; width:45%; text-align:center;}
.pro_info_top_3_left img{
max-width:66%;}
.pro_info_top_3_right{ overflow:hidden;
float:right; width:55%;background-color:rgba(22,84,168,.74); }
.index_1_mid_right_2_w{
color:#fff;}
.pro_info_top_3_right_mid{
margin:4em 11%;}
.pro_info_top_3_right_mid .index_1_mid_right_1{
margin-bottom:1.75em;}
.pro_info_top_3_right_mid_3{
font-size:1.125em; line-height:2; margin-top:2em;}
.pro_info_top_3{
padding-top:3em; padding-bottom:10.625em;}
.pro_info_tab{ display:none;
border-bottom:1px #eef2f7 solid;}
.pro_info_tab ul{border-left:1px #eef2f7 solid; overflow:hidden}
.pro_info_tab ul li{
float:left;border-right:1px #eef2f7 solid;}
.pro_info_tab ul li a{ display:block;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
font-size:1.125em; color:#333333; padding:1.25em 2.875em;}
.pro_info_tab ul li a:hover,.pro_info_tab ul li a.on{
color:#fff; background-color:#1654a8;}
.pro_info_con_1{
position:relative}
.pro_info_con_1:after{
content:''; position:absolute; left:0; bottom:.4em; width:100%; height:1px; background-color:#eaedf1;}
.pro_info_con_1_title{
display:inline-block; background-color:#fff; position:relative; z-index:10;}
.pro_info_con_1_title_1{ margin-top:2.6em;
font-size:1.875em; color:#4c4c4c;}
.pro_info_con_1_title_2{text-transform: uppercase; position:relative;
font-family:Calibri; color:#b4b4b4; padding-right:1.5em;}
.pro_info_con_1_title_2:after{
content:''; position:absolute; width:16px; height:1px; background-color:#1654a8; right:0em; bottom:0.4em;}
.pro_info_con{
overflow:hidden; padding-bottom:6.875em;}
.pro_info_con.hui,.pro_info_con.hui .pro_info_con_1_title{
background-color:#f8fbfe}
.pro_info_con_2{
margin-top:2.5em; line-height:2;}
.pro_info_con_2_adv ul li{ margin-bottom:.2em;
position:relative; font-size:1.125em; color:#333; padding-left:1.833333333333333em;}
.pro_info_con_2_adv ul li:after{
content:''; position:absolute; width:1.055555555555556em; height:1.055555555555556em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/product/img3.png); left:0; top:.55em;}
/********solution**********/
.so_1{ overflow:hidden; padding-top:7.1875em; padding-bottom:11.875em; position:relative; z-index:100;
background-position:center top; background-repeat:no-repeat; background-size:cover; background-image:url(../images/solution/img7.jpg);}
.so_1_mid{ padding-top:4.25em; padding-bottom:3.5em;
margin-left:15%; margin-right:7%; position:relative;}
.so_1_mid_img{ height:100%;
position:absolute; right:0; top:0; width:65.54054054054054%;}
.so_1_mid_img:after{ background-position:center; background-repeat:no-repeat; position:absolute; background-image:url(../images/solution/img6.png);
content:''; width:22.45108135942327%; height:16.03498542274052%; background-size:cover; bottom:-11.37026239067055%; left:-8.75386199794027%;}
.so_1_mid_bg{ z-index:1;
position:absolute; right:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.so_1_mid_mid{ overflow:hidden;
width:45%; position:relative; z-index:10; background-color:#fff;}
.so_1_mid_mid_mid{
margin-right:11%; margin-top:3.5625em; margin-bottom:3.5625em;}
.so_1_mid_mid_mid_2 p{ padding-right:1.433333333333333em; padding-left:.5em; overflow:hidden; position:relative; padding-top:.4em; padding-bottom:.4em;
display:inline-block; background-position:right center; background-repeat:no-repeat;  color:#fff; font-size:1.875em;   max-width:16em}
.so_2 .so_1_mid_mid_mid_2 p,.so_4 .so_1_mid_mid_mid_2 p{
min-width:15em;}
.so_1_mid_mid_mid_2 p span{ padding-right:1em;
position:relative; z-index:10;}
.so_1_mid_mid_mid_2 p:after{ background-image:url(../images/solution/img16.png);
content:''; position:absolute; top:0; height:100%; width:100%; right:1.433333333333333em; background-position:right center; background-repeat:no-repeat;  pointer-events:none;}
 .so_1_mid_mid_mid_2 p.n_1:before{
 position:absolute; right:0; top:50%; width:2.333333333333333em; height:1.966666666666667em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/solution/img17.png);transform:translateY(-50%); content:''; z-index:10;}
.so_1_mid_mid_mid_1 .index_1_mid_right_1{
margin-bottom:1.5em;}
.so_1_mid_mid_mid_3{
line-height:2; margin-top:2.5em; color:#000}
.so_2{ padding-top:6.25em; padding-bottom:8.5625em;
background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
 .so_1_mid_mid_mid_2 p.n_2:before{
 position:absolute; right:0em; top:50%; width:2.6em; height:1.966666666666667em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/solution/img18.png);transform:translateY(-50%); content:''; z-index:10;}
  .so_1_mid_mid_mid_2 p.n_2:after{
  right:1.7em;}
.so_2_1{
text-align:center; margin-top:2em; line-height:2;}  
.so_2_1_left{
text-align:left;}

 .so_1_mid_mid_mid_2 p.n_3:before{
 position:absolute; right:0em; top:50%; width:2.6em; height:1.966666666666667em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/solution/img19.png);transform:translateY(-50%); content:''; z-index:10;}
  .so_1_mid_mid_mid_2 p.n_3:after{
  right:1.7em;}
  
   .so_1_mid_mid_mid_2 p.n_4:before{
 position:absolute; right:0em; top:50%; width:2.6em; height:1.966666666666667em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/solution/img20.png);transform:translateY(-50%); content:''; z-index:10;}
  .so_1_mid_mid_mid_2 p.n_4:after{
  right:1.7em;}
  
.so_4{
background-position:center; background-repeat:no-repeat; background-size:cover;}  
.so_4_mid{background-color:rgba(22,84,168,.49); 
width:52.3168908819133%; overflow:hidden; color:#fff;}
.so_4_mid_mid{
margin:5.4375em 10%;}
.so_1_mid_mid_mid_3.w{
color:#fff;}
.so_4_mid_mid_1{
margin-top:4em;}
.so_4_mid_mid_1 ul li{
float:left; width:25%; text-align:center;}
.so_4_mid_mid_1_mid_1{
position:relative; height:57px;}
.so_4_mid_mid_1_mid_1 img{
position:absolute; left:50%; top:50%;transform:translate(-50%, -50%); max-width:60%;}
.so_4_mid_mid_1_mid_2{
margin-top:1em; margin-left:.5em; margin-right:.5em;}
.case_1_mid{ margin:0px;
position:relative; text-align:center; height:8.75em;}
.case_1 ul{  
margin:1em; position:relative}
.case_1 ul .leftline{
  position:absolute; left:0px; top:0; height:100%; width:1px; background-color:#fff; z-index:100;}
.case_1 ul .bottomline{
  position:absolute; left:0px; bottom:0; width:100%; height:1px; background-color:#fff; z-index:100;}
.case_1 ul li{ position:relative;-webkit-transition:-webkit-box-shadow .45s ease-out;transition:-webkit-box-shadow .45s ease-out;transition:box-shadow .45s ease-out;transition:box-shadow .45s ease-out, -webkit-box-shadow .45s ease-out;
float:left; width:25%; text-align:center;}
.case_1_mid img{
position:absolute; left:50%; top:50%;transform:translate(-50%, -50%); max-width:81%;}
.case_1 ul li:hover{
-webkit-box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);}
.case_1{
margin-top:3em; margin-bottom:6.5625em;}		
.case_1 ul li:after{
content:''; position:absolute; left:0; bottom:0; height:100%; width:1px; border-left:1px #d5dae4 dashed; z-index:10;} 
.case_1 ul li:before{
content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; border-bottom:1px #d5dae4 dashed; z-index:10;}  
#swiper-pagination-pa{
position:static; margin-top:3em;}
.case_1 .swiper-pagination-bullet{
width:20px; height:20px; background:none; opacity:1; position:relative;}
.case_1 .swiper-pagination-bullet:before{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
content:''; position:absolute; left:50%; top:50%; width:10px; height:10px;transform:translate(-50%, -50%); background-color:#dbe4f0;border-radius:100%;}
.case_1 .swiper-pagination-bullet:after{content:''; position:absolute; left:0%; top:0%; width:100%; height:100%; border-radius:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/case/img2.png);opacity:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.case_1 .swiper-pagination-bullet-active:after{
opacity:1;}
.case_1 .swiper-pagination-bullet-active:before{
opacity:0;}
/*********news********/
.index_4_1_ny{
margin-top:3.75em;}
.index_4_1_ny ul li{
margin-bottom:2em;}
.index_4_1_ny{
margin-bottom:3.75em;}
.news_info_banner{ height:17.34375vw;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/news/img1.jpg);}
.news_info_1_left{
float:left; font-size:1.125em; color:#333;}
.news_info_1_left a{
color:#333;}
.news_info_1_left a:hover,.news_info_1_left span{
color:#1654a8;}
.news_info_1_right{
float:right;}
.news_info_1_right a{ padding-right:1.875em;
color:#000; position:relative; display:inline-block;}
.news_info_1_right a:after{
content:''; position:absolute; right:0; width:1em; height:.875em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/news/img2.png); top:50%;transform:translateY(-50%);}
.news_info_1{
margin:1.6875em 0;}
.news_info_2{
text-align:center; font-size:1.875em; color:#252525; margin-bottom:.375em; margin-top:5em;}
.news_info_3{
text-align:center; font-size:1.125em; color:#0077d3; font-family:Calibri;}
.news_info_4{
margin-top:2em; padding-top:2em; border-top:1px #c1beb2 dashed; line-height:2; margin-bottom:3em;}
.news_info_5{ margin-bottom:8.75em;
border:1px #e9e8e4 solid; background-color:#f9f9f9; color:#666666;}
.news_info_5_left{
float:left; width:50%;}
.news_info_5_right{
float:right; width:50%; text-align:right}
.news_info_5_left a,.news_info_5_right a{
display:block; padding:.875em 1.5em;}
.news_info_5 span{
margin-right:1em;}
.news_info_5_left a:hover,.news_info_5_right a:hover{
color:#fff; background-color:#0077d3;}
/*******service*********/
.ser_1_left{
width:46.33781763826607%; padding-top:2.5em; padding-bottom:1.125em}
.ser_1{ margin-top:7.75em; margin-bottom:11.25em;
position:relative;}
.ser_1_right{ height:100%;
position:absolute; right:1.30208333333333vw; top:0; width:46.93572496263079%;}
.ser_1_left_1 .index_1_mid_right_1{
margin-bottom:1.5em;}
.ser_1_left_3{
font-size:1.125em; color:#525252; line-height:1.8; margin:2.5em 0;}
.ser_1_right:after{ background-color:#1654a8; content:'';
position:absolute; top:1.30208333333333vw; right:-1.30208333333333vw; width:100%; height:100%;}
.ser_1_right_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/service/img1.jpg); z-index:10;}
.ser_1_left_4 ul li{ margin-right:1.61290322580645%; margin-bottom:9px;
float:left; text-align:center; width:32.25806451612903%;}
.ser_1_left_4 ul li:nth-child(3n){
margin-right:0}
.ser_1_left_4_mid{ height:7.60416666666667vw;
border:1px #dadfe5 solid;}
.ser_1_left_4_mid_1{
position:relative; height:2.8125vw}
.ser_1_left_4_mid_1 img{
max-height:100%; max-width:none; position:absolute; left:50%; top:50%;transform:translate(-50%, -50%);}
.ser_1_left_4_mid_2{
margin-top:.5em; color:#525252; margin-left:.5em; margin-right:.5em;}
.ser_2{ padding-top:4.5em; padding-bottom:7.5em;
position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/service/img12.jpg);}
.ser_2 .about_2_3_mid{
position:relative; z-index:10;}
.ser_2_bg{ background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/service/img11.jpg);
position:absolute; left:0; top:0; height:100%; width:42.91666666666667%;}
.ser_2 .index_1_mid_right_2{
color:#fff;}
.ser_2_mid ul li{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
float:left; width:33.3333%; background-color:#fff; position:relative; min-height:29.8125em;}
.ser_2_mid ul li:hover{-webkit-box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);}
.ser_2_mid_pic{ overflow:hidden;
position:absolute; left:0; top:0; width:100%; height:50%;}
.ser_2_mid_pic_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ser_2_mid_con_mid{
margin:0 7.847533632287%;}
.ser_2_mid_con{
position:absolute; left:0; bottom:0; width:100%; height:50%;}
.ser_2_mid_con_mid_1{
text-align:right; margin-top:2.5em; margin-bottom:1em}
.ser_2_mid_con_mid_1 img{
max-height:2.70833333333333vw;}
.ser_2_mid_con_mid_2_1{
font-size:1.5em; color:#000;}
.ser_2_mid_con_mid_2_2{
color:#333; margin-top:1em; line-height:1.5; margin-bottom:1em;}
.ser_2_mid ul li:nth-child(2n) .ser_2_mid_con{
bottom:auto; top:0;}
.ser_2_mid ul li:nth-child(2n) .ser_2_mid_pic{
top:auto; bottom:0}
.ser_2_mid{
margin-top:2.6em;}
.a-plus{align-items:center;display:flex;height:12px;justify-content:center;position:relative;width:12px;left:50%; top:50%;transform:translate(-50%, -50%);}
.a-plus:after,.a-plus:before{border-bottom:1px solid #fff;content:"";height:1px;left:0;position:absolute;top:50%;transform:translateY(-50%);transform-origin:50% 50%;width:12px}
.a-plus:after{transform:rotate(90deg);transition:all .5s cubic-bezier(.4,.8,.74,1) 0s}
.a-plus:after,.a-plus:before{border-color:#fff}
.ser_3_list_1{ padding-left:1em; cursor:pointer;color:#333333;
position:relative; padding-right:8em; padding-top:1.375em; padding-bottom:1.375em;}
.ser_3_list_1_right{ padding-right:2.25em;
position:absolute; right:2em;transform:translateY(-50%); top:50%;}
.ser_3_list_1_right_left{
font-size:1.25em; color:#666;
}
.ser_3_list_1_right_right{
position:absolute; right:0; top:0; width:1.75em; height:1.75em; background-color:#1a1f3f; border-radius:50%; text-align:center;}
.ser_3_list_1_left{
font-size:1.25em; position:relative; padding-left:2.4em; }
.ser_3_list_1_left span{
position:absolute; left:0; top:0;}
.ser_3_list{
margin-top:3em;}
.ser_3_list ul li{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.ser_3_list ul li:nth-child(2n){
background-color:#f2f7fd}  
.ser_3_list ul li.on .ser_3_list_1,.ser_3_list ul li:hover .ser_3_list_1{
 color:#fff;} 
.ser_3_list ul li.on .ser_3_list_1_right_left,.ser_3_list ul li:hover .ser_3_list_1_right_left{
color:#fff}
.ser_3_list ul li.on .a-plus:after,.ser_3_list ul li:hover .a-plus:after{transform:rotate(0deg)}
.ser_3_list ul li.on .ser_3_list_1_right_right,.ser_3_list ul li:hover .ser_3_list_1_right_right{
background-color:#fff;}
.ser_3_list ul li.on .a-plus:after,.ser_3_list ul li.on .a-plus:before,.ser_3_list ul li:hover .a-plus:after,.ser_3_list ul li:hover .a-plus:before{
border-color:#1a1f3f}
.ser_3_list_2{  background-color:#f1f1f1;
position:relative; padding:1em; display:none}
.ser_3_list_2_mid{
position:relative; padding-left:3em; line-height:1.8;}
.ser_3_list_2_left{
position:absolute; left:0; top:0; font-size:1.25em;}
.ser_3_list{
margin-bottom:4em;}
.ser_3_list ul li.on,.ser_3_list ul li:hover{background-color:#1a1f3f;} 
.ser_3{
padding-top:5.625em;}
/*******job********/
.job_1{ position:relative; padding:6.75em 0; background-color:#fff; z-index:10;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../../images/img15.png);}
.job_1_bg{
position:absolute; left:0; top:0; height:100%; background-color:#1654a8; width:52.8125%;}
.job_1_mid{
position:relative;}
.job_1_mid_right{ height:100%;
position:absolute; right:0; top:0; width:64.57399103139013%;}
.job_1_mid_right:after{ height:36.08768971332209%; background-image:url(../images/job/img8.png); bottom:-12.47892074198988%;
content:''; width:25.23148148148148%; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; right:-9.25925925925926%;}

.job_1_mid_right_bg{ z-index:10;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.job_1_mid_left{
width:31%; padding:5.4375em 0;}
.job_1_mid_left_2 .index_1_mid_right_2{
color:#fff;}
.job_1_mid_left_3{ font-size:1.125em;
color:#d1dcea; line-height:2; margin:2em 0;}
.job_1_mid_left_4 a{ color:#fff; text-align:center; position:relative; overflow:hidden;
display:block; max-width:9.25em; border:1px #527fbb solid;border-radius:2.25em;}
.job_1_mid_left_4 a span{ padding-right:1.25em;
position:relative; z-index:10; display:inline-block; line-height:2.25em;}
.job_1_mid_left_4 a span:before{ right:0; top:50%;transform:translateY(-50%);
content:''; position:absolute; background-position:center; background-repeat:no-repeat; background-size:cover; width:0.5625em; height:.75em; background-image:url(../images/job/img2.png);}
.job_1_mid_left_4 a:hover span:before{
background-image:url(../images/job/img2b.png);}
.job_1_mid_left_4 a:after{transition:all .4s cubic-bezier(.4,.8,.74,1) 0s;
content:''; position:absolute; left:0; top:0; height:100%; width:0; background-color:#fff;}
.job_1_mid_left_4 a:hover:after{
width:100%;}
.job_1_mid_left_4 a:hover{
color:#1654a8;}
.job_2{ overflow:hidden; padding-top:7.0625em;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/job/img4.jpg);}
.job_2_2 .index_1_mid_right_2{
color:#fff;}
.job_2_2{
margin-bottom:3.5em;}
.job_2_3 .swiper-slide{background-color:rgba(0,0,0,.62); color:#fff;}
.contact_2_3_1{ padding-left:1.5625em; margin-top:3.5625em;
display:inline-block; background-color:#1654a8;border-radius:0 3.45em 3.45em 0;}
.contact_2_3_1 span{ padding-left:1.5em; padding-top:.5em; padding-bottom:.5em;
font-size:1.5em; position:relative; display:inline-block; padding-right:1.375em;}
.contact_2_3_1 span:after{ top:50%;transform:translateY(-50%);
content:''; position:absolute; left:0; width:1em; height:1.083333333333333em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/job/img3.png);}
.contact_2_3_2{ overflow:hidden; min-height:24em; max-height:24em; overflow-y:auto;
margin:0 1.5625em; margin-top:1.5em; margin-bottom:4em;}
.contact_2_3_2_1{ margin-top:1em;
font-size:1.25em; font-weight:bold}
.contact_2_3_2_2{
line-height:1.5; margin-top:.75em; margin-bottom:.25em;}
.contact_2_3_3{margin:0 1.5625em; line-height:1.5; padding-bottom:3.625em;}
.jobact{ margin-top:3.125em; margin-bottom:6.25em;
text-align:center; font-family:"宋体"}
.jobleft{
width:2em; height:2em; display:inline-block; border:1px #fff solid; line-height:2em; cursor:pointer;border-radius:100%; color:#fff;}
.jobright{
width:2em; height:2em; display:inline-block; border:1px #fff solid; line-height:2em; cursor:pointer;border-radius:100%; color:#fff;}
.jobleft:hover,.jobright:hover{
background-color:#1654a8; color:#fff; border-color:#1654a8;}
.job_3_1{
margin-top:7em; margin-bottom:5.375em;}
.job_3{
overflow:hidden; position:relative; padding-bottom:6.875em;}
.job_3:after{ background-color:#f1f4f7;
content:''; position:absolute; right:0; top:0; height:100%; width:53.80208333333333%;}
.job_3_2_mid_1{
overflow:hidden}
.job_3_2_mid_1 img{
width:100%;}
.job_3_2 .swiper-slide{padding: 0 calc((100vw - 829px) * 0.0229166666666667); width:829px;}
.job_3_2_mid_2{
text-align:center; margin:0 auto; max-width:23.07291666666667vw;}
.job_3_2_mid_2_1{transition:1.5s cubic-bezier(.14,1,.34,1);opacity:0;transform:translateY(100px); position:relative;
font-size:1.5em; margin-top:1.541666666666667em; margin-bottom:.2em; color:#000; line-height:1.5;}
.job_3_2_mid_2_2{transition:1.5s cubic-bezier(.14,1,.34,1);opacity:0;transform:translateY(100px); position:relative;
font-family:Calibri; color:#666;transition-delay:.3s}
.job_hd{ left:50%; bottom:0; z-index:10; font-family:"宋体";
position:absolute; width:24.21875vw;transform:translateX(-50%);}
.job_hd_left{ cursor:pointer;
font-size:1.875em; float:left; position:relative;}
.job_hd_right{ cursor:pointer; position:relative;
float:right; font-size:1.875em;}
.job_3_2 .swiper-slide-active .job_3_2_mid_2_1,.job_3_2 .swiper-slide-active .job_3_2_mid_2_2{
opacity:1;transform:translateY(0px);}
/********contact************/
.lx_1{ overflow:hidden; position:relative; padding-top:5.5em; padding-bottom:5.3125em; background-color:#fff; z-index:10;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../../images/img15.png);}
.lx_1:after{ background-color:#f8fafc;
content:''; position:absolute; left:0; top:0; height:100%; width:30.72916666666667%;}
.lx_1_3 ul li{ margin-right:2.24215246636771%; background-color:#fff;-webkit-box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2); cursor:pointer;
float:left; width:31.83856502242152%; height:15em; text-align:center;}
.lx_1_3 ul li.on{
background-color:#0077d3; color:#fff;}
.lx_1_3 ul li.on .lx_1_3_mid_1,.lx_1_3 ul li.on .lx_1_3_mid_2 dl dd,.lx_1_3 ul li.on .lx_1_3_mid_2 dl dd a{
color:#fff;}
.lx_1_3 ul li:nth-child(3n){
margin-right:0}
.lx_1_3_mid{
margin:1em;}
.lx_1_3_mid_1{ position:relative;
color:#0d0d0d; font-size:1.5em; padding-bottom:.45em;}
.lx_1_3_mid_1:after{
content:''; width:16px; height:2px; position:absolute; bottom:0; background-color:#0077d3; left:50%;transform:translateX(-50%);}
.lx_1_3_mid_2 dl dd{ padding-left:1em; margin-top:.5em;
display:inline-block; position:relative; color:#666;}
.lx_1_3_mid_2 dl dd:after{
content:''; position:absolute; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover;}
.lx_1_3_mid_2 dl dd.add:after{ top:3px;
width:12px; height:15px; background-image:url(../images/contact/img1.png);}
.lx_1_3_mid_2 dl dd.phone:after{ top:3px;  
width:15px; height:14px; background-image:url(../images/contact/img2.png);}
.lx_1_3_mid_2 dl dd.fax:after{ top:3px;  
width:13px; height:13px; background-image:url(../images/contact/img3.png);}
.lx_1_3_mid_2 dl dd.email:after{ top:6px;  
width:17px; height:13px; background-image:url(../images/contact/img4.png);}
.lx_1_3 ul li.on .lx_1_3_mid_2 dl dd.add:after{
 background-image:url(../images/contact/img1w.png);}
 .lx_1_3 ul li.on .lx_1_3_mid_2 dl dd.phone:after{
 background-image:url(../images/contact/img2w.png);}
 .lx_1_3 ul li.on .lx_1_3_mid_2 dl dd.fax:after{
 background-image:url(../images/contact/img3w.png);}
 .lx_1_3 ul li.on .lx_1_3_mid_2 dl dd.email:after{
 background-image:url(../images/contact/img4w.png);}


.lx_1_3_mid_2 dl dd.phone,.lx_1_3_mid_2 dl dd.fax{
padding-left:20px;}
.lx_1_3_mid_2 dl dd.email{
padding-left:22px;}
.lx_1_3_mid_2 dl dd a{
color:#666;transition:1.5s cubic-bezier(.14,1,.34,1);}
.lx_1_3_mid_2 dl dd a:hover{
color:#0077d3}
.lx_1_3_mid_2{
margin-top:1em;}
.lx_1_3{
margin-top:3.75em; margin-bottom:2.75em;}
.lx_1_4{ background-color:#fff;-webkit-box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);
padding:.5em;}
#map22{
height:33.48958333333333vw;}

.css_animation{ position:relative;
        height:120px;  
        width:120px; background:rgba(0,119,211,.15);
       border-radius: 100%; 
         
    }  
.css_animation:before{background-position:center; background-repeat:no-repeat; background-image:url(../images/contact/img5.png);
content:''; position:absolute; left:50%; margin-left:-28px; margin-top:-28px; background-size:cover; z-index:10; top:50%; width:56px; height:56px;}  
  @keyframes ripples{0%{opacity:0;transform:scale(.1,.1)}5%{opacity:1}100%{opacity:0;transform:scale(1)}}
.css_animation:after{
 content:'';
 display:block;
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 border-radius:50%;
 border:2px solid #0077d3;
 background-color:#0077d3;
 opacity:0;
 -webkit-animation:ripples 4s ease-out 225ms infinite;
 -moz-animation:ripples 4s ease-out 225ms infinite;
 -o-animation:ripples 4s ease-out 225ms infinite;
 animation:ripples 4s ease-out 225ms infinite
}
.css_animation i{
display:block;
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 border-radius:50%;
 border:2px solid #0077d3; background-color:#bc395d;
 opacity:0;
 -webkit-animation:ripples 4s ease-out 725ms infinite;
 -moz-animation:ripples 4s ease-out 725ms infinite;
 -o-animation:ripples 4s ease-out 725ms infinite;
 animation:ripples 4s ease-out 725ms infinite
}
.ovh{
overflow:hidden}
/*********展开导航************/
#sitemapContent{	
	position:fixed; 
	top:0; left:0; right:0; bottom:0; 
	opacity:0;filter:Alpha(opacity=0); 
	visibility:hidden;   
	z-index:-1;
	-webkit-transition:all 0.3s  0.5s;
	transition:all 0.3s  0.5s;
}
#sitemapInnerCon{position:absolute; top:0; left:0; bottom:0; left:75px; right:75px; border-right:1px solid rgba(255,255,255,0.2); border-left:1px solid rgba(255,255,255,0.2); }
#sitemapContent .sitemap-bg-box{position:absolute; top:0px; left:0px; width:100%; height:100%;}
#sitemapContent .visual-intro-item{float:left; position:relative; height:100%;}
#sitemapContent .visual-intro-item:before{
	position:absolute;  left:0; top:0px; width:1px; height:0; content:""; background-color:rgba(255,255,255,0.2); z-index:1; 
}
#sitemapContent .visual-intro-item:first-child:before{display:none}
#sitemapContent .visual-intro-item:after{	
	content:""; 
	position:absolute; right:0; top:0px; 
	width:100%; height:100%; 
	background: #505050; 
	-webkit-transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
	transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s ;
}
#sitemapContent .sitemap-close-btn{position:absolute; top:0; left:0; width:75px; height:75px; border:none; background:none; cursor:pointer; background-color:#505050;}
#sitemapContent .sitemap-close-btn i{ position:absolute; background-position:center; background-repeat:no-repeat; background-size:cover; height:48.88888888888889%; width:48.88888888888889%; background-image:url(../images/header/close.png);transform:translate(-50%, -50%); left:50%; top:50%}

 
.sitemap-wrapper-style02{height:100%; }
.sitemap-wrapper-style02 > ul{overflow:hidden; position:relative; z-index:1; top:50%; transform:translateY(-50%); margin-top:-2%}
.sitemap-wrapper-style02 > ul > li{overflow:hidden; float:left; width:16.666666%;height:100%;}
.sitemap-wrapper-style02 > ul > li > h2{overflow:hidden; color:#fff; font-weight:normal; font-size:30px; letter-spacing:-0.5px; margin:0% 15% 0 19%;   line-height:1.2; display:table; height:70px}
.sitemap-wrapper-style02 > ul > li > h2 span{display:table-cell; vertical-align:top}
.sitemap-wrapper-style02 > ul > li > h2.hide{opacity:0}

.sitemap-wrapper-style02 > ul > li .sitemap-2dep a{
	overflow:hidden; position:relative; display:inline-block;  margin:12px 15% 12px 19%; color:#c3c3c3; font-size:16.5px; letter-spacing:-0.5px;   line-height:1.6;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}

.sitemap-wrapper-style02 > ul > li .sitemap-2dep a span{position:relative; display:inline-block; z-index:1; padding-left:9px;}
.sitemap-wrapper-style02 > ul > li .sitemap-2dep a span:before{position:absolute; content:"-"; left:0; top:0;}
.sitemap-wrapper-style02 > ul > li .sitemap-2dep a .gnb-icon{display:none;}
.sitemap-wrapper-style02 > ul > li .sitemap-2dep a:hover{color:#fff; }
.sitemap-wrapper-style02 > ul > li .sitemap-2dep a:hover:after{width:100%; }
.sitemap-wrapper-style02 > ul > li .sitemap-2dep h3{margin:0 15% 0 19%; padding:19px 0; font-weight:600; font-size:20px; letter-spacing:-0.5px; color:#5e5e5e; overflow:hidden }
.sitemap-wrapper-style02 > ul > li .sitemap-2dep h3 span{display:block; }
.sitemap-wrapper-style02 > ul > li .sitemap-2dep .gnb-3dep{padding-bottom:15px}

.sitemap-wrapper-style02 ul li span,
.sitemap-wrapper-style02 > ul > li .sitemap-2dep h3 span{
	opacity:0;filter:Alpha(opacity=50);
	-webkit-transform:translateX(-5%);
	transform:translateX(-50%);
	transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s, opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s; 
}
 
#sitemapContent.open{
	opacity:1.0;filter:Alpha(opacity=100); 
	visibility:visible; 
	z-index:99999; 
	background-color:#242424;
	-webkit-transition:all 0.3s  0s; 
	transition:all 0.3s 0s;
}
#sitemapContent.open .visual-intro-item:before{height:100%;}
#sitemapContent.open .visual-intro-item:after {width:0;}
#sitemapContent.open .visual-intro-item {
	-webkit-transform: scaleX(1);
	transform: scaleX(1); 
	transform-origin:right top; 
	transition-property: transform; width:16.666666666666668%
}
#sitemapContent.open .sitemap-wrapper-style02 ul li span,
#sitemapContent.open .sitemap-wrapper-style02 > ul > li .sitemap-2dep h3 span{
	opacity:1.0;filter:Alpha(opacity=100);
	-webkit-transform:translateX(0);
	transform:translateX(0);
	transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04), opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04); 
}
/******************/
.js-scroll-border { position:absolute; left:0; top:0; width:100%; height:100%; z-index:100; border: 40px solid #FFF; transition: border 1.3s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.animated .js-scroll-border { border: 0px solid #FFF; }
.about_1_left_right:after{
content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; z-index:100;}
.about_1_left_right.animated:after{
width:0;
  transition: all 3s cubic-bezier(0.23, 1, 0.38, 1) 0s;}
.so_1_mid_bg:after{
content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-color:#f6fafe}  
.about_3_3_left_bg:after{
content:''; position:absolute; right:0; top:0; width:100%; height:100%; z-index:10; background-color:#f6fafe}
.so_1_mid_bg.animated:after{width:0;
  transition: all 3s cubic-bezier(0.23, 1, 0.38, 1) 0s;}
.ser_1_right_bg:after{ content:'';
position:absolute; right:0; top:0; width:100%; height:100%; background-color:#1654a8;}
.ser_1_right_bg.animated:after{
width:0;transition: all 2s cubic-bezier(0.23, 1, 0.38, 1) 0s;}
.bannerwb{
position:absolute; left:5%; width:90%; text-align:center; color:#fff; z-index:410; font-size:2.25em; bottom:34.55723542116631%;}



.animated .about_3_3_left_bg:after{width:0;
  transition: all 3s cubic-bezier(0.23, 1, 0.38, 1) 0s;}
.index_1_mid_left{  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);} 
.index_1_mid_left.animated{ transform: translate3d(100%, 0, 0) rotate(0deg);
  transition: all 3s cubic-bezier(0.23, 1, 0.38, 1) .5s;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0); }  
.lx_1_3 .cell_mid,.lx_1_3 .cell_h{table-layout:fixed;
word-break:break-all;
word-wrap:break-word;
border-collapse:collapse;}
#certbody,.newsinfobody,.about_4{
position:relative; z-index:10; background-color:#fff; overflow:hidden}
.pro_info_top_2_left{
float:left;}
.pro_info_top_2 .news_info_1_right a{
color:#fff}


@media screen and (max-width:1600px) {
.case_1_mid{
height:7.5em;}
.so_4_mid{
width:60%}
.about_4_2_mid_1:after{
font-size:.75em;}
.footer_mid_2_right_mid{
padding-left:30%;}
 .header_mid_mid ul li{
 margin:0 1.5vw;}
.header_mid{
margin-left:2%; margin-right:2%;}
.footer_mid{
margin:0 5%;}
.header_mid_mid ul li:nth-child(4){
margin-right:7vw;}
.header_mid_mid ul li:nth-child(5){
margin-left:7vw}
}
@media screen and (max-width:1440px) {
	.about_3_footer_b{
	width:8%;}
	.index_1_mid_right_4_mid{
	padding:0 1em;}
	.index_1_mid_right{
	width:40%; margin-left:55% ; padding-top:10%;}
	.sitemap-wrapper-style02 > ul > li > h2{
	font-size:20px;}
	.sitemap-wrapper-style02 > ul > li .sitemap-2dep a{
	font-size:15px;}
	.job_3_2_mid_2{ max-width:35vw;}
	.job_hd{
	width:40vw;}
	.about_1_left_con{
	margin-left:0%;}
	.about_1_left{
	margin-left:8%; width:84%;}
	.about_2_3_mid{
	margin:0 8%;}
	.so_1_mid{
	margin-left:5%; margin-right:5%;}
	.pro_1_mid{
	margin:0 5%;}
}
@media screen and (max-width:1280px) {
	.header_mid_mid ul li{
	margin:0 1vw;}
}
@media screen and (max-width:1200px) {
.pro_info_top_bg{
padding-top:0}
	#sitemapContent.open{
	display:none}
	.pro_info_top_2,.pro_info_tab ul li a{
	font-size:1em;}
	.pro_info_top_3_right_mid_3{
	font-size:1em;}
	.pro_info_top_1{
	display:none}
	.ser_1_left_4_mid_2{
	font-size:.875em;}
	.about_4_2{
	margin-top:4em;}
	.about_2_3_mid{
	margin:0 5%;}
	.about_2_bg,.about_5_con_img_list{
	width:95%;}
	.about_1_left{
	margin-left:5%; width:90%;}
	#header{
	position:fixed}
	#main{
	margin-top:5em;}
	.bodyon2 #header{transform: translateY(0%);}
	.index_3_2 .swiper-slide {width: 768px;
    padding: 0 calc((100vw - 768px) * 0.0375);}
	
	.index_2_mid_2_mid_2{
	font-size:1.125em;}
	.header_mid_mid ul{
	display:none;}
	.header_mid_mid{
	height:5em;}
	.header_mid_right{
	display:none}
	.menu-toggler{
	left:auto; right:0;}
	#header{
	background-color:#fff;}
	.header_logo img:nth-child(2){
	display:block; height:50px;}
	.header_logo img:nth-child(1){
	display:none}
	.header_logo{
	width:auto; left:0%;transform:translate(0, -50%);}
	.menu-toggler .line{
	background-color:#000}
	.header_mid{
	margin-left:5%; margin-right:5%;}
}
.nybanner_footer p{ z-index:100;
display:none; position:relative; color:#fff; padding:.5em 0; text-align:center; background-color:#333}
.nybanner_footer p:after { content: ''; position: relative; top: -1px; left: 7px; display: inline-block; border-top: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; vertical-align: middle; transition: transform .3s; }
.nybanner_footer p:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: #0268b9; transition: all .3s; z-index: -1; }
.nybanner_footer p.on:before{ height:100%;}
.nybanner_footer p.on:after { transform: rotate(-180deg); }
@media screen and (max-width:1024px) {
	.close_box a img{
	width:2em;}
	.close_box{
	top:1em; right:1em;}
	.cershowbox_con{
	font-size:1em; bottom:-2em;}
	.cershowbox_left,.cershowbox_right{
	font-size:.5em;}
	.pro_info_top_2{
	line-height:1.6;}
	.pro_info_con_2{
	margin-top:2em;}
	.pro_info_con_1_title_1{
	margin-top:2em;}
	.pro_info_con_2_adv ul li{
	font-size:1em;}
	.pro_info_con{
	padding-bottom:4em;}
	.pro_info_con_1_title_1{
	font-size:1.5em;}
	.nybanner_footer ul li a:hover, .nybanner_footer ul li a.on{
	background-color:#0268b9;}
	.nybanner_footer ul li a{
	font-size:.875em; padding:.5em 1em;}
	.nybanner_footer p{
	display:block}
	 .nybanner_footer ul{opacity: 0; visibility: hidden; transition: all .5s; z-index:10;
	 position:absolute; left:0; width:100%;margin-top: -36.8px;}
	 .nybanner_footer ul.show { margin-top: 0; opacity: 1; visibility: visible; }
	 .nybanner_footer ul li{
	 float:left; width:50%;}
	.index_2_mid_2_mid_2{
	font-size:1em;}
	.pro_1_mid_1{
	font-size:1em;}
	.nybanner_footer ul li a{ margin-left:0; position:relative;
	font-size:.875em; background-color:#0268b9}
	.nybanner_footer ul li a:after{
	content:''; position:absolute; right:0; top:30%; height:40%; width:1px; background-color:#fff;}
	.nybanner_footer ul li:nth-child(2n) a:after{
	display:none}
	.lx_1_3_mid_1{
	font-size:1.125em;}
	.lx_1_3_mid_2{
	font-size:.875em;}
	.job_3_1{
	margin-top:4em; margin-bottom:4em;}
	.job_3_2_mid_2_1{
	font-size:1.125em;}
	.job_3_2 .swiper-slide{    padding: 0 calc((100vw - 640px) * 0.0229166666666667);
    width: 640px;
}
	.contact_2_3_1{
	font-size:.75em;}
	.contact_2_3_2_1{
	font-size:1em;}
	.contact_2_3_2_2{
	font-size:.875em;}
	.job_2{
	padding-top:4em;}
	.job_1_mid_left_3{
	font-size:1em;}
	.ser_3_list ul li{
	font-size:.8em;}
	.ser_2_mid_con_mid_2_1{
	font-size:1.125em;}
	.ser_2_mid_con_mid_2_2{
	font-size:.875em;}
	.ser_1{
	margin-top:4em; margin-bottom:4em;}
	.ser_1_left_4_mid{
	height:10vw;}
	.ser_1_left_3{
	font-size:1em;}
	.news_info_2{
	font-size:1.5em; margin-top:3em;}
	.news_info_1_left{
	font-size:1em;}
	.case_1 ul li{
	width:25%;}
	.so_4_mid_mid_1_mid_2{
	font-size:.875em;}
	.so_2{
	padding-top:4em; padding-bottom:4em;}
	.so_1_mid_mid_mid_2 p{
	font-size:1.5em;}
	.so_1{
	padding-top:4em; padding-bottom:4em;}
	.about_5_mid_mid_jj_4_2{
	font-size:.875em;}
	.about_5_mid_mid_jj_3{
	font-size:1em;}
	.about_5_mid_mid_jj{ margin-right:15%;
	margin-top:4em; margin-bottom:4em;}
	.about_5,.about_5_con{
	padding:4em 0;}
	.about_3_3_right_1{
	font-size:1.5em;}
	.about_3_3_right_2{
	font-size:1em;}
	.about_3_3_right_3{
	font-size:.875em;}
	.about_2_mid_mid_2{
	font-size:1.5em;}
	.about_2_mid_mid{
	margin-left:15%;}
	.about_1{
	padding:5em 0;}
	.nybanner_mid_1{
	font-size:2em;}
	.nybanner_mid_2{
	font-size:1.25em;}
	.footer_mid_2_left_mid p, .footer_mid_2_right_mid p{
	font-size:1em;}
	.footer_mid_2_left_mid a,.footer_mid_2_right_mid_2 dl dd{
	font-size:.875em;}
	.index_4_1_mid_2_2{
	font-size:1em;}
	.index_4_1_mid_2_3{
	font-size:.875em;}
	.swiper-slide_mid_2_left,.swiper-slide_mid_2_right{
	font-size:.75em;}
	.index_3_2_mid_footer_mid_2{
	font-size:1em;}
	.index_3_2_mid_footer_mid_1{
	font-size:1.25em;}
	.index_2_mid{
	margin:0 5%;}
	.banner_footer_mid_2 a{
	font-size:1em;}
	.banner_footer_mid_1{
	font-size:1.375em;}
	.index_1_mid_right_1 span{
	font-size:1em;}
	.index_1_mid_right_2{
	font-size:1.5em;}
	.index_1_mid_right_4_1 dl{
	font-size:.875em;}
	.index_1_mid_right_4_1 dl dd:nth-child(1){
	font-size:2em;}
	.index_1_mid_right_5_more span{
	font-size:1em;}
}
.div_768 img{
width:100%;}
.div_768{
display:none}
@media screen and (max-width:950px) {
	.pro_info_top_3_left,.pro_info_top_3_right{
	float:none; width:100%;}
	.pro_info_top_3_right_mid{
	margin:2em 5%;}
	.pro_info_top_3{
	padding-bottom:4em;}
}
@media screen and (max-width:900px) {
	.footer_mid_2_right{
	display:none}
	.footer_mid_2_left{
	float:none; width:auto}
}
@media screen and (max-width:850px) {
	.ser_1_left_4_mid_1{
	height:1.5em;}
	.ser_1_left_4_mid{
	height:5.625em;}
	.ser_1_left_3{
	margin-top:1em;}
	.ser_1_left{
	width:100%; padding-top:0}
	.ser_1_right{
	position:relative; width:100%; height:35vw; margin-top:1em;}

	.index_3_2 .swiper-slide {width: 640px;
    padding: 0 calc((100vw - 640px) * 0.0375);}
}
.about_3_3_right_top_img{
display:none; margin-bottom:2em;}
.about_3_3_right_top img{
width:100%;}
.mobilebanner{
display:none;}
.mobilebanner img{
width:100%;}
.bannercon{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
@media screen and (max-width:768px) {
	.banner_bg{
	display:none}
	.mainvisual__slider-item-img,.mainvisual__slider-item{
	position:relative; height:auto}
	.mobilebanner{
	display:block}
	.nybanner{
	height:auto}
	.bannerwb{
	font-size:1.5em;}
	.cershowbox_img{
	width:80%; margin:0 auto; padding:0 3.75em;}
	.cershowbox_img img{
	max-height:none;}
	.pro_1_mid_2 ul li{
	width:49%; margin-right:0}
	.pro_1_mid_2 ul li:nth-child(2n){
	float:right;}
	.lx_1_3 ul li{ margin-bottom:1em;
	width:49%; margin-right:0}
	.lx_1_3 ul li:nth-child(2n){
	float:right;}
	.lx_1{
	padding-top:4em; padding-bottom:4em;}
	.lx_1_3{
	margin-top:2em;}
	.job_3_1{
	margin-bottom:2em;}
	.job_3{
	padding-bottom:4em;}
	.job_3_2_mid_2{
	max-width:none; padding-left:1.375em; padding-right:1.375em;}
	.job_hd{
	width:90%;}
	.job_3_2_mid{
	margin:0 5%;}
	.job_2_2{
	margin-bottom:2em;}
	.contact_2_3_2{
	margin-bottom:2em;}
	.job_1_bg{
	width:100%;}
	.job_1_mid_right{
	position:static; width:100%;}
	.job_1_mid_right_bg{
	display:none}
	.job_1_mid_left{
	width:100%; padding:0 0 4em 0;}
	.job_1{
	padding:4em 0;}
	.ser_3_list_1_right_right{
	font-size:.875em;}
	.ser_3_list_1_right_left{
	opacity:0; }
	.ser_3{
	padding-top:4em;}
	.ser_3_list{
	margin-top:2em; margin-bottom:2em;}
	.ser_2{
	padding-top:4em; padding-bottom:3em;}
	.ser_2_mid_con_mid_1{
	margin-top:2em;}
	.ser_2_mid_con_mid_2_2{
	margin-bottom:2.5em;}
	.ser_2_mid_con_mid_1 img{
	width:auto; max-height:none; height:auto;}
	.ser_2_mid ul li{
	width:100%; height:auto; margin-bottom:1em; min-height:inherit}
	.ser_2_mid_pic{
	width:50%; height:100%;}
	.ser_2_mid_con{
	left:auto; right:0; height:100%; width:50%; position:relative; margin-left:50%;}
	.news_info_5{
	margin-bottom:4em;}
	.news_info_5_right{
	text-align:left;}
	.news_info_5_left,.news_info_5_right{
	float:none; width:auto}
	.index_4_1_ny{
	margin-bottom:2em;}
	.case_1{
	margin-top:2em; margin-bottom:3em;}
	.case_1 ul li{
	width:33.3333%;}
	.so_4_mid{
	width:100%;}
	.so_4_mid_mid{
	margin:4em 5%;}
	.so_1{
	padding-bottom:2em;}
	.so_1_mid_mid_mid_2 p{
	font-size:1.375em;}
	.so_1_mid_mid_mid{
	margin-right:5%; margin-left:5%;}
	.so_1_mid{
	padding-top:0;}
	.so_1_mid_mid_mid{
	margin-top:2em; margin-bottom:2em;}
	.so_1_mid_mid_mid_3{
	margin-top:2em;}
	.so_1_mid_mid{
	width:100%;}
	.so_1_mid_img{
	position:static; width:100%;}
	.so_1_mid_bg{
	display:none}
	#certbody .about_4_2{
	margin-bottom:1.5em;}
	.fenye{
	font-size:.875em; margin-bottom:3em;}
	.fenye li{
	margin-bottom:1em;}
	#certbody .about_4_2{
	margin-top:4em;}
	.about_5_mid_mid_jj_3{
	margin-bottom:2em;}
	.about_5_mid_mid_jj_footer{
	margin-top:2em;}
	.about_5_mid_mid_jj{
	margin-left:5%; margin-right:10%;}
	.about_5_mid_mid{
	width:95%; margin-left:5%;}
	.about_4_2{
	margin-bottom:2em;}
	.about_4_2_mid_2_1{
	font-size:1em;}
	.about_4_2 ul li{ margin-bottom:1em;
	width:49%; margin-right:0}
	.about_4_2 ul li:nth-child(2n){
	float:right;}
	.about_4_2{
	margin-top:2em;}
	.about_3_3_right_num p{
	font-size:30vw;}
	.about_3_3_right_num{
	bottom:30%;transform: translateY(0%);}
	.about_3_3_right_act{
	padding-top:2em}
	.about_4_2_mid_1 img{
	max-width:none; max-height:90%;}
	.about_3_footer{
	display:none}
	.about_3_3_right_top{
	display:block;}
	.about_3_3_right_top_img{
	display:block}
	.about_3_3_right{
	margin-left:0; padding-top:0em; padding-bottom:4em; width:100%;}
	.about_3_3_left{
	display:none}
	.about_3_2{
	font-size:1em; margin-bottom:4em;}
	.about_2_3_mid_1{
	margin-top:4em;}
	.about_2,.about_2_mid{
	padding:4em 0;}
	.about_2_mid{
	width:80%;}
	.about_2_mid_mid_3_1{
	font-size:1em;}
	.about_2_mid_mid_3_2{
	font-size:.875em;}
	.about_2_mid_mid_2{
	font-size:1.25em;}
	.about_1_left_con{
	padding-top:2em; padding-bottom:2em;}
	.about_1_left_right{ margin-top:2em;
	position:relative; width:100%; height:35vw;}
	.about_1_left_right_bg{
	background-position:center bottom;}
	.about_1_left_left{
	margin-right:0;}
	.nybanner_mid_1{
	font-size:1.5em;}
	.nybanner_mid_2{
	font-size:1em;}
	.footer_mid_3_left,.footer_mid_3_right{
	float:none; width:100%; text-align:center; line-height:1.8;}
	.footer_mid_1{
	display:none}
	.footer_mid_1_left,.footer_mid_1_right{
	float:none; width:100%; text-align:center}
	.footer_mid_2{
	margin-top:2em;}
	.footer_mid_2_left{
	display:none;}
	.footer_mid_2_right{
	display:block; float:none; width:auto}
	.footer_mid_2_right_mid{
	padding-left:0}
	.footer_mid_2_right:after{
	display:none}
	.index_4_2{
	margin:3em 0;}
	.index_4_1_mid_1_t span{
	font-size:.875em;}
	.index_4_1_mid_1_t{
	width:2.5em; height:2.5em;}
	.index_4_1_mid_2{
	margin-top:2em; margin-bottom:2em;}
	.index_4_1{
	margin-top:4em;}
	.swiper-slide_mid_2_left, .swiper-slide_mid_2_right{
	font-size:.5em;}
.index_3_2 .swiper-slide {width: 500px;
    padding: 0 calc((100vw - 500px) * 0.0375);}
	.index_2_mid_2_mid_1 .index_2_mid_2_mid_1_bo{
	display:none
	}
	.index_2_mid_2{
	margin-top:2em;}
	.div_768{
	display:block}
	.index_1_mid_left_bg{
	display:none}
	.banner_footer_mid_1{
	font-size:1.25em;}
	.banner_footer_mid_2 a{
	font-size:.875em;}
	.index_1_mid_right_5_more span{
	font-size:.875em;}
	.index_1_mid_left{
	position:relative; width:auto; margin-top:2em; margin-left:5%; margin-right:5%;}
	.index_1_mid_right{ padding-top:2em;
	margin-left:5%; margin-right:5%; float:none; width:auto}
	.index_1_mid_right_1{
	margin-bottom:2em;}
	.index_1_mid_right_5{
	margin-bottom:0em;}
	.index_1{
	padding-bottom:15vw;}
	.index_1_mid_right_2{
	font-size:1.25em;}
	.index_1_mid_left_play{
	width:15%;}
	.indexpro_act{
	font-size:.7em;}
	.indexpro_act_mid img{
	height:2.5em;}
}
@media screen and (max-width:640px) {
	.pro_info_con_1_title_2{
	font-size:.875em;}
	.pro_info_con_1_title_1{
	font-size:1.125em;}
	.pro_info_tab ul li a{
	padding:.875em 2em;}
	.ser_2_mid_con_mid_1 img{
	height:2.5em;}
	.news_info_banner{
	height:30vw;}
	.news_info_4{
	margin-bottom:2em;}
	.news_info_5_left a, .news_info_5_right a{
	padding-top:.5em; padding-bottom:.5em;}
	.news_info_2{
	font-size:1.25em;}
	.so_2{
	padding-top:2em; padding-bottom:2em;}
	.so_2 .so_1_mid_mid_mid_2 p, .so_4 .so_1_mid_mid_mid_2 p{
	min-width:inherit;}
	.so_2 .so_1_mid_mid_mid_2 p span,.so_4 .so_1_mid_mid_mid_2 p span{
	padding-right:3em;}
	#certbody .about_4_2{
	margin-top:2em;}
	.about_5_mid_mid_jj_4 ul li{
	width:19%; margin-bottom:1.5em;}
	.about_5_mid_mid_jj_4 ul li:nth-child(8).line{
	display:none}
	.about_3_2{
	margin-bottom:2em;}
	.about_1_left_left_mid_2{
	margin-top:1.5em;}
	.about_1{
	padding:2em 0;}
	.header_logo img:nth-child(2){
	height:40px;}
	.header_mid_mid{
	height:3.75em;}
	#main{
	margin-top:3.75em;}
	.index_4_2{
	margin-bottom:2em; margin-top:1em;}
	.index_4_1 ul li{ margin-bottom:1em;
	width:49%; margin-right:0}
	.index_4_1 ul li:nth-child(2n){
	float:right}
	.index_4_1{
	margin-top:2em;}
	.index_3{
	padding-top:1em;}
	.index_3_2_mid_footer{
	bottom:1em;}
	.index_3_2_mid{
	margin-left:5%; margin-right:5%;}
	.index_3_2_mid_footer_mid_1{
	font-size:1em;}
	.index_3_2_mid_footer_mid_2{
	font-size:.875em;}
	.index_3_1{
	margin-top:2em;}
	.index_3_2{
	margin-top:4em;}
	 .banner_footer{
	 display:none}
	 .index_2_mid_2_mid_3 span{
	 font-size:.875em;}
	 .index_2_mid_2_mid_2{
	 font-size:1em;}
	 .index_2_mid_2_mid_1_img img{
	 }
	 .index_2_mid_2_mid_1{
	 height:24vw;}
	 .index_2_mid_2_mid_1_img img{
	 max-width:15vw;}
	 .contact_2_3_2{
	 max-height:none; min-height:inherit;}
}
.div_480{
display:none}
.div_480 img{
width:100%;}
@media screen and (max-width:550px) {
	.lx_1_3 ul li{
	width:100%; height:auto; padding:.5em 0 1.5em 0;}
}
@media screen and (max-width:480px) {
.pro_info_tab ul li a{
padding-left:1.125em; padding-right:1.125em;}
.about_4_2_mid_1 img.ht{
max-width:80%;}
	.cershowbox_left, .cershowbox_right{
	font-size:.4em;}
	.close_box a img{
	width:1.5em;}
	.so_1{
	padding-top:2em;}
	.pro_info_con{
	padding-bottom:2em;}
	.pro_1_mid_1{
	font-size:.9375em;}
	.pro_1_mid_2 ul li{
	width:100%;}
	#map22{
	height:12em;}
	.lx_1_3{
	margin-bottom:1.5em;}
	.lx_1{
	padding-top:2em; padding-bottom:2em;}
	.contact_2_3_3{
	font-size:.875em;}
	.contact_2_3_3{
	padding-bottom:2em;}
	.contact_2_3_1{
	margin-top:2em;}
	.job_3{
	padding-bottom:2em;}
	.job_3_2_mid_2_1{
	font-size:1em;}
	.job_3_1{
	margin-top:2em;}
	.job_2{
	padding-top:2em;}
	.jobact{
	margin-top:2em; margin-bottom:2em;}
	.job_1_mid_left{
	padding-bottom:2em;}
	.job_1{
	padding:2em 0;}
	.ser_3_list_1{
	padding-right:5.5em;}
	.ser_3{
	padding-top:2em;}
	.ser_2{
	padding-top:2em; padding-bottom:2em;}
	.ser_2_mid_con_mid_1{
	margin-top:1em;}
	.ser_2_mid_con{
	margin-left:0; width:100%;}
	.ser_2_mid_pic{
	position:static; width:100%;}
	.ser_2_mid_pic_bg{
	display:none}
	.div_480{
	display:block}
	.ser_1_left_4 ul li{
	width:49%; margin-right:0}
	.ser_1_left_4 ul li:nth-child(2n){
	float:right}
	.ser_1{
	margin-top:2em;}
	.news_info_1{
	margin:1em 0;}
	.news_info_2{ line-height:1.6;
	font-size:1.125em;}
	.news_info_1_left{
	display:none}
	.index_4_1_mid_2{
	margin-top:1em; margin-bottom:1em;}
	#swiper-pagination-pa{
	margin-top:2em;}
	.case_1 ul li{
	width:50%;}
	.so_4_mid_mid_1{
	margin-top:2em;}
	.so_4_mid_mid{
	margin-top:2em; margin-bottom:2em;}
	.so_4_mid_mid_1 ul li{
	width:50%; margin-bottom:1.5em;}
	.so_1{
	padding-bottom:0}
	.so_1_mid_mid_mid_3{
	margin-top:1em;}
	.so_1_mid_mid_mid_2 p{
	font-size:1.125em; max-width:none}
	.about_5_mid_mid_jj{
	margin-top:2em; margin-bottom:2em;}
	.about_5, .about_5_con{
	padding:2em 0;}
	.about_5_mid_mid_jj_4 ul li{
	width:28%;}
	.about_5_mid_mid_jj_4 ul li:nth-child(6).line{
	display:none}
	.about_5_mid_mid_jj_4 ul li:nth-child(8).line{
	display:block}
	.about_4_2 ul li{
	width:100%;}
	.about_4_2_mid_1{
	height:auto; text-align:center; padding:1em 0;}
	.about_4_2_mid_1 img{ max-width:60%;
	position:static;transform: translate(0%, 0%);}
	
	.about_3_3_right{
	padding-bottom:2em;}
	.about_3_3_right_1{
	font-size:1.25em;}
	.about_2_3_mid_1{
	margin-top:2em;}
	.about_1_left_right_footer{
	display:none}
	.about_2_mid_mid{
	margin-left:10%; margin-right:5%;}
	.about_2_mid{
	width:95%;}
	.about_2,.about_2_mid{
	padding:2em 0;}
	.about_2_mid_mid_2{
	font-size:1.125em;}
	.nybanner_mid_1{
	font-size:1.25em;}
	.nybanner_mid_2{
	font-size:.875em;}
	.footer_mid_3{
	margin-top:2em;}
	.footer_mid_2_right_mid_3{
	display:none}
	.index_4_1_mid_2{
	margin-left:5%; margin-right:5%;}
	.index_4_1 ul li{
	width:100%;}
	.index_3_2_mid_footer{
	bottom:1.5em;}
	.index_3_2_mid_footer_mid_2{
	display:none}
	.index_3_2{
	margin-top:2em;}
	.index_2_right{
	width:50%;}
	.index_2_mid_1_1 .index_1_mid_right_1{
	margin-bottom:1.5em;}
	.index_1_mid_left_play{
	width:4em;}
	.index_1{
	padding-top:1em;}
	.index_1_mid_right_2{
	font-size:1.125em;}
	.index_1_mid_right_1 span{
	font-size:.875em;}
	.index_1_mid_right_1{
	margin-bottom:1em;}
	.index_1_mid_right_4 ul li:nth-child(1),.index_1_mid_right_4 ul li:nth-child(2),.index_1_mid_right_4 ul li:nth-child(3),.index_1_mid_right_4 ul li:nth-child(4){
	width:50%; margin-bottom:1em;}
	.index_1_mid_right_4_mid{
	padding:0 1em;}
	.index_1_mid_right_4 ul li:nth-child(3) .index_1_mid_right_4_mid{
	padding-left:0}
	.index_1_mid_right_4 ul li:nth-child(2) .index_1_mid_right_4_mid{
	background-image:none}
	.index_1_mid_right_5{
	margin-top:2em;}
	.pro_info_top_3_right_mid_3{
	font-size:.875em;}
	
}
@media screen and (max-width:380px) {
	.about_5_mid_mid_jj_4 ul li{
	width:45%;}
	.about_5_mid_mid_jj_4 ul li.line{
	width:10%;}
	.about_5_mid_mid_jj_4 ul li:nth-child(4).line{
	display:none}
	.about_5_mid_mid_jj_4 ul li:nth-child(6).line{
	display:block}
	.about_5_mid_mid_jj_4 ul li:nth-child(8).line{
	display:none}
}
@media screen and (max-width:320px) {
	.index_2_mid_2_mid_1{
	height:auto}
	.index_2_mid_2_mid_1_img{
	position:static}
	.index_2_mid_2_mid_1_img{transform: translateY(0%); padding:1em 0;}
	.index_2_mid_2_mid_1_img img{
	max-width:50%;}
}
/******手机端menu************/
.navwrap {
    position: fixed;
    top: 80px;
    right: -80%;
    width: 80%;
    height:calc(100vh - 80px);
    z-index: 888;
    background-color: #fff; 
    opacity: 0; display:none;
  }
@media screen and (max-width:1200px) {
.navwrap{
display:block}
}
@media screen and (max-width:640px) {
.css_animation{
width:80px; height:80px;}
.navwrap {
     
    top: 60px;
    
    height:calc(100vh - 60px);
    
  }
}
  .navwrap .nav {
    padding: 10px 5% 0px 5%; border-top:1px #dedede solid;
  }

  .navwrap .nav li {
    line-height: 42px;
    border-bottom: 1px solid #dedede;
    padding: 0px;
  }

  .navwrap .nav li a {
    display: block;
    color: #000;
    font-size: 16px;
  }

  .navbg {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 555;
    display: none;
  }

  .navbg .closeSJ {
    position: absolute;
    right: 24px;
    top: 18px;
  }

  .navwrap .nav .SJbod {
    display: none;
  }

  .navwrap .nav .SJbod dd a {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
  }

  .navwrap .nav .plus a {
    background: url(../images/plus.png) right center no-repeat;
  }

  .navwrap .nav .minus a {
    background: url(../images/minus.jpg) right center no-repeat;
  }

  .navwrap .nav .lan .SJtit a {
    display: inline-block;
  }

  .navwrap .nav .lan .SJtit span {
    color: #ccc;
    font-size: 16px;
    display: inline-block;
    padding: 0px 5px;
  }

/********loading*******/
.o-splashscreen{height:100%;left:0;position:fixed;top:0;width:100%;z-index:9000}
.o-splashscreen.hide{pointer-events:none}
.o-splashscreen_bg{background-color:#fff;height:100%;left:0;position:fixed;top:0;transform:scaleX(1);transform-origin:100% 0;transition:.8s cubic-bezier(.14,1,.34,1) .2s;width:100%;z-index:1}
.hide .o-splashscreen_bg{transform:scaleX(0)}
.o-splashscreen_bg:after{background-color:#fff;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:0 0;transition:.8s cubic-bezier(.14,1,.34,1) 0s;width:100%}
.hide .o-splashscreen_bg:after{transform:scaleX(1)}
.o-splashscreen_inner{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.o-splashscreen_logo{transition:.8s cubic-bezier(.14,1,.34,1) 0s,opacity .3s cubic-bezier(.215,.61,.355,1) 0s}.o-splashscreen_logo svg{height:71px;width:71px}.hide .o-splashscreen_logo{opacity:0;transform:translateX(60px)}
.o-page-overlay{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:5060}.o-page-overlay_inner{align-items:center;display:flex;height:100%;justify-content:center;position:relative;z-index:1}.shrink .o-page-overlay_inner{animation-delay:0s;animation-direction:normal;animation-duration:0s;animation-fill-mode:both;animation-iteration-count:1;animation-name:menuShrink;animation-timing-function:cubic-bezier(.215,.61,.355,1)}@keyframes menuShrink{0%{opacity:1;transform:translateX(0);transform-origin:bottom}to{opacity:0;transform:translateX(60px);transform-origin:bottom}}.init.shrink .o-page-overlay_inner{animation-duration:.4s}.expand .o-page-overlay_inner{animation-delay:.1s;animation-direction:normal;animation-duration:.7s;animation-fill-mode:both;animation-iteration-count:1;animation-name:menuExpand;animation-timing-function:cubic-bezier(.215,.61,.355,1)}
.a-progress{background-color:#fff;height:3px;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s,width 0s;width:0;z-index:8000}.a-progress.show{opacity:1;transition:opacity .3s,width .2s}.a-progress.init{background-color:#fff}
.loading2{
position:absolute; left:0; top:0; width:100%; overflow:hidden; text-align:center; height:0; z-index:10;}
.o-splashscreen_logo{ overflow:hidden;
position:relative; text-align:center} 
.dflogo{
height:58px;} 

.pro_info_con_2 table,.pro_info_con_2 td,.pro_info_con_2 tr{
border-color:rgb(221, 221, 221)}


.bodyon .header_mid_mid ul li a.biga{
height:4.5vw; line-height:4.5vw;}
#particles-js2{
position:absolute; left:0; top:0; width:100%; height:100%;pointer-events:none; z-index:1;}

@media screen and (max-width:480px) {
.bannerwb{
font-size:1.25em;}
}

#main { overflow: hidden; transform-style: preserve-3d; transform-origin: 30% 50% 0; transition: transform .5s; }
#main.to-left { transform: translate(-50%) rotateY(-50deg); filter: blur(3px); }

.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{
left:10%; width:90%; bottom:4.16666666666667vw; text-align:left;}
.indexbanner .swiper-pagination-bullet{ height:25px; background:none;
width:8.07291666666667vw; color:#fff; font-family:Impact;border-radius:0; opacity:1; position:relative;}
.indexbanner .swiper-pagination-bullet:before{
content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#fff; opacity:.36;}
.indexbanner .swiper-pagination-bullet:after{
content:''; position:absolute; width:0px; position:absolute; left:0px; background-color:#fff; z-index:100; height:1px; bottom:0;}

.indexbanner .swiper-pagination-bullet-active:after{
  width:100%; transition: width 7.3s ease-out 0s;}
@media screen and (max-width:480px) {
.indexbanner .swiper-pagination-bullet{
font-size:14px;}
}



index_4_1 .right { height:auto;}
.right_b { width:97.2%; float:left; background:#fff;  margin-top:1.5%;  }

.index_2_mid .index_4_1 .right_b ul li { width:100% !important; }
.right_b .index_4_1_mid:after {     height: 4.70807453416149% !important;}

.right_b .index_4_1_mid:after { height:4.70807453416149%; left:50%; background-position:center top; background-repeat:no-repeat; background-size:cover;
content:''; position:absolute; bottom:-4.70807453416149%; width:84.50704225352113%;transform:translateX(-50%); background-color:#1a1f3f;border-radius:20px 20px 0 0;  }

.index_4_1_mid_2_1 i { width:100px; line-height:30px; text-align:center; color:#fff; background:#3e446d; display: inline-block; font-style:normal; margin-right:10px; border-radius:5px;}




.right_b .index_4_1_mid_2 {
    
    margin-bottom: 2.25em;
}

.left .index_4_1_mid_2 {
    
    margin-bottom: 2.125em;
}










   .iab{width: 100%;height: auto;padding-bottom: 100px;overflow: hidden;
        /*background: url(../images/ipro-bg.jpg) center no-repeat*/
    }
    .iab .warp{width:86%; margin: 0 7%;padding-top:6%;height: auto;}
    .iab .warp .box{width: 42%; float: left;padding-top: 40px;}
	

	
	
    .iab .warp .box h2{
        display: block;
        line-height: 70px;
        font-size: 66px;
        text-transform:capitalize;
        color: #222;
        font-family: BEBAS; font-weight:400;
        padding-top: 55px;
        position: relative;
        margin-bottom: 10px;
    }
    .iab .warp .box h2:before{
        display: block;
        width: 125px;
        height: 3px;
        background-color: #222;
        display: block;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
    }

    .iab .warp .box h3{display: block;font-size: 50px;color: #222;line-height: 60px;margin-bottom: 30px; font-weight:400;}
    .iab .warp .box .cent{font-size: 16px;line-height: 30px;color: #1d2830;margin-bottom: 40px;}
    .iab .warp .box .cent p{ font-size: 16px;line-height: 30px;color: #1d2830;}
    .iab .warp .box .btns{
        display: block;
        width: 210px;
        height: 48px;
        line-height: 48px;
        color: #fff;
        font-size: 18px;
        padding: 0 30px;
        border-radius: 3px;
        text-transform:capitalize;
        font-family: 'BEBAS';
        background:#1a1f3f url(../../images/rddr.png) 80% center no-repeat;
        border:1px solid #1a1f3f;
        transition: all 0.5s;-webkit-transition: all 0.5s;
        margin-bottom: 0px;
    }
    .iab .box .btns:hover{background:#1a1f3f url(../../images/rddr.png) 87% center no-repeat;box-shadow: 0 1px 6px 0px rgba(26,31,63,1)}
    .iab .box .details{width: 299px;height: 299px;overflow: hidden;float: right; margin-top:-30px;}
    .iab .box .details img{transition: all 0.5s;-webkit-transition: all 0.5s}
    .iab .box .details:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
    .iab .warp .pic{float: right;width: 718px;height: auto;}

    .iab .warp .pic .video-pc{width: 100%;height:auto;position:relative;margin-bottom: 50px;overflow:hidden;}
    .iab .warp .pic .video-pc img{display: block;width: 100%;transition: all 0.5s;-webkit-transition: all 0.5s}
    .iab .warp .pic .video-pc:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
    .iab .warp .pic .video-pc .btns{
        display: block;
        width: 76px;
        height: 76px;
        background: url(../../images/iab-btns.png) center no-repeat;
        z-index: 5;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -38px 0 0 -38px;
        cursor: pointer;
        transition: all 0.5s;-webkit-transition: all 0.5s;
    }
    .iab .warp .pic .video-pc .btns:hover{background: url(../../images/iab-btns1.png) center no-repeat;}
    .iab .warp .pic .video-ph{display: none;}
    .iab .warp .bot{padding-left:40px;height: auto;}
    .iab .warp .bot ul li{float: left;margin-right: 90px;}
    .iab .warp .bot ul li:last-child{margin-right: 0px;}
    .iab .bot li p{font-size: 64px;color: #1d2830; text-align: center;line-height: 70px;font-family: 'BEBAS'; margin-bottom: 5px;}
	
	.iab .bot li p span { font-size:20px; line-height:20px;}
	
    /*.iab .bot li:nth-child(1) p{font-family: 'Times New Roman';}*/
    .iab .bot li .intro{display: block; text-align: center;font-size: 14px;line-height: 20px;}
	
	
	
	
	

.ibanner{ width:100%; height:100vh; overflow:hidden;}

.ibanner_k{ width:100%; height:100vh; display:block;  position:relative;}

.ibanner_k .shipin { width:100%!important; height:100vh !important; position:absolute; left:0px; top:0px; z-index:0;}


.ibanner_k:before { content:" "; background:rgba(0,15,38,.4); position:absolute; left:0px; right:0px; z-index:1; width:100%; height:100%;}

.ibanner .zi {width:100%; padding:22% 15%; color:#fff; text-align:center; position:absolute; z-index:1;}
.ibanner .zi h6 { font-family:Montserrat-Hairline; font-size:55px; text-transform:uppercase; letter-spacing:10px; font-weight:400; line-height:80px;}
.ibanner .zi h4 { font-size:50px; font-weight:900; line-height:100px; letter-spacing:2px;}
.ibanner .zi h7 { font-size:50px; font-weight:900; line-height:60px; letter-spacing:2px;}
.ibanner .zi h5   { font-size:48px; font-weight:700; line-height:40px;}
.ibanner .zi h3   { font-size:40px; font-weight:600; line-height:28px;margin-top: 30px;}
.ibanner .zi .jiantou { width:100%; }
.ibanner .zi .jiantou img { height:35px; width:auto;}
.ibanner .zi .jiantou img {
 
  
    animation: pulse 2s infinite;
}


 @keyframes pulse {
    0% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    50% {
      -webkit-transform: translate(0, 10px);
      transform: translate(0, 10px);
    }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
  }



.ibanner .syba { position:absolute; left:0; right:0; z-index:0; width:100%; height:100vh;}